Skill UI

This skill acts as a comprehensive security scanner specializing in detecting Cross-Site Scripting (XSS) vulnerabilities in client-side code. It performs static analysis across React, Vue, Angular, and vanilla JavaScript, specifically identifying unsafe practices like direct HTML manipulation (innerHTML), raw rendering (v-html), and insecure URL handling. Use it when auditing frontend code for security flaws and needing best practices for secure coding.

Creates a Next.js page that renders App Store screenshots as marketing ads, exports Apple‑sized images via html-to-image, and supports branded styling, locale tabs, and reusable theme presets for iOS listings.

This catalogue provides a comprehensive set of abstractions, hooks, and types for building advanced rich text editors using the Lexical framework. It includes utilities for managing selections, applying formatting actions (like alignment and typography), and rendering HTML content, accelerating the development of professional-grade text editing experiences.

This tool converts markdown PR writeups containing unified diff blocks and severity-tagged callouts into a single, structured, 2-column HTML review document. It generates a jump-navigation, displays the diff on the left and detailed annotations on the right, and enforces a mandatory named reviewer footer, ensuring WCAG compliance.

This skill uses WeasyPrint to reliably convert rich HTML content, complete with CSS styling, into professional PDF documents. It is ideal for generating static, styled exports such as reports, invoices, labels, and any HTML/Jinja-rendered page where the source content is already structured in HTML format. It supports advanced CSS Paged Media features like page sizes, margins, headers, and footers.

This skill captures a fully self-contained static HTML snapshot from any running web application (e.g., React, Vue, Next.js). Using Puppeteer, it renders the live DOM, automatically inlining all CSS styles and converting images, assets, and backgrounds to base64 data URIs. This ensures the generated HTML file is completely self-sufficient and requires no external network connection, making it perfect for sharing UI states, creating documentation, or preparing assets for offline viewing.

Utilizes Expo DOM components to render web code verbatim inside a webview on native platforms, while maintaining native rendering on the web. This enables developers to integrate web-only libraries (such as charting tools, syntax highlighters, or complex CSS layouts) and incrementally migrate existing web components into a React Native application without substantial rewriting.

Generates self-contained HTML preview files that render mobile app screens in phone-frame mockups (375×812) with tab navigation and dark/light toggle. Converts Tamagui TSX components to equivalent HTML/CSS without programmatic parsing. Useful for visual verification after screen generation, sharing mockups with stakeholders, and layout validation before deployment.

Integrate the alpha markstream-angular renderer into Angular 20+ standalone apps, covering signals, streaming state, custom tags, and safe HTML defaults.

This skill enables developers to override Markstream node renderers and add trusted custom tags across Vue, React, Svelte, and Angular. It allows scoped or renderer-local mappings without replacing the parser. Useful for customizing built-in elements or rendering specific tags like thinking. It emphasizes security by treating custom tags as trusted input and maintaining safe HTML policies.

Integrate the markstream-vue renderer into plain Vue 3 apps: pick renderer modes (chat, docs, minimal), fenced-code rendering, smooth streaming state and cursor handling, long-message virtualization, scoped components, and safe HTML/Mermaid policies.

This skill transforms generated wiki Markdown files into a polished VitePress static site featuring a dark theme and interactive Mermaid diagrams. It handles complex configuration for Mermaid rendering, including CSS overrides and inline style fixes to ensure diagrams display correctly in dark mode. Additionally, it adds click-to-zoom functionality for diagrams and performs necessary post-processing on Markdown files before building. Use this when packaging wiki content as a browsable HTML site.