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.

Formats Markdown into Slack-ready HTML or mrkdwn, previews the Slack-style rendering, copies rich HTML to the clipboard, and optionally delivers announcements via webhooks for messages and notifications.

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.

HyperFrames is a comprehensive framework that treats HTML as the source of truth for video production. It allows users to create complex video compositions, including animated title cards, dynamic captions synced to audio, advanced text-to-speech narratives, and sophisticated audio-reactive visuals (like beat synchronization). The tool manages the entire video workflow, from composition authoring and timing to scene transitions (crossfades, wipes) and final rendering.

Render ARIS Markdown or JSON artifacts such as IDEA_REPORT, AUTO_REVIEW, KILL_ARGUMENT and research-wiki state into polished single-file HTML reports for human reading, with sticky TOC, math, callouts, score progressions and source drift detection.

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.

Build academic conference posters (ICML/NeurIPS/ICLR/CVPR) as a single HTML/CSS file rendered to print-ready PDF via headless Chromium, with measurement-driven hard gates, real paper figures, provenance manifests, and two-hue design tokens.

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.