Frontend and UI: skills, plugins, subagents, slash commands and mcp servers

brag latent-spaces skill Generates a short, polished launch video from project source code using Hyperframes. Requires no running server or screenshots. Claude Code CX Codex Cursor +1 20,000installs make-interfaces-feel-better jakubkrehel skill This skill guides small UI refinements, from icon alignment to motion. Use it while building components or reviewing frontend code. Claude Code CX Codex Cursor +1 73,200installs find-docs upstash skill Pulls up-to-date documentation, API references and code examples for any library through the Context7 CLI. Useful when the model's training data lags behind the API. Claude Code CX Codex Cursor +1 9,400installs baoyu-markdown-to-html JimLiu skill Turns a Markdown file into styled HTML with inline CSS and WeChat-ready themes. Useful when an article has to go out with its own look. Claude Code CX Codex Cursor +1 32,200installs interface-design Dammyjay93 skill This skill guides product UI work for dashboards, admin panels, SaaS apps, and tools. Use it when hierarchy, states, visual direction, and design-system consistency matter. Claude Code CX Codex Cursor +1 30,700installs taste-design official google-labs-code skill Generates agent-ready DESIGN.md files for Google Stitch screens. It sets strict rules for typography, palettes, and spring motion to avoid generic UI tropes. Claude Code CX Codex Cursor +1 20,100installs html-ppt lewislulu skill Create static HTML slide decks from templates, with themes, animations and keyboard navigation. Useful when turning notes or text into a presentation. Claude Code CX Codex Cursor +1 20,800installs baoyu-compress-image JimLiu skill Compresses images into WebP or PNG using local tools like sips and cwebp. Handy for optimizing assets directly inside your repository. Claude Code CX Codex Cursor +1 28,200installs tailwind-design-system Seth Hobson skill Helps build design systems with Tailwind CSS v4, from theme tokens to component variants. Use it when a project needs shared UI patterns. Claude Code CX Codex Cursor 70,180installs react-doctor millionco skill Audits React codebases for architecture, accessibility, and rendering issues. Computes a health score from 0 to 100 and helps patch regressions. Claude Code CX Codex Cursor +1 19,000installs frost-sequence-camera-orbit heygen-com skill Builds a 22.5-second scene where an orbiting camera follows an ice logo that breaks apart, reforms into two text moments, and fades. Claude Code CX Codex Cursor +1 9,800installs orbit-card heygen-com skill Adds a 10-second 1920×1080 HyperFrames motion block where a single feature card orbits a dot sphere using exported Blender camera paths. Claude Code CX Codex Cursor +1 9,800installs canopy-part-title heygen-com skill A HyperFrames block where a canopy of leaves crosses the frame, parts, and uncovers two headlines. Useful when a title card needs motion without building the scene yourself. Claude Code CX Codex Cursor +1 9,800installs code-slice-hero heygen-com skill Animates a tiled headline flip via WebGL 2 and Canvas 2D to reveal a rear phrase. Built for 1920×1080 motion titles lasting 8 s. Claude Code CX Codex Cursor +1 9,800installs glass-shard-title heygen-com skill Turns a headline into flying glass panes: shards drift in through fog, rotate, and tile themselves into the letters. A HyperFrames block at 1920×1080, 12.16s. Claude Code CX Codex Cursor +1 9,800installs cuboid-carousel heygen-com skill A skill that renders a 3D carousel of bevelled cuboids carrying card content: they fly in from the right, ride a wave, and exit left. Useful for promo clips and title sequences. Claude Code CX Codex Cursor +1 9,800installs accessibility web-quality-skills skill This skill audits a rendered page for accessibility and points to the components behind each failure. Useful when a site has to meet WCAG 2.2 or survive a keyboard and screen reader pass. Claude Code CX Codex Cursor +1 63,900installs chrome-devtools ChromeDevTools skill This skill connects Chrome DevTools through MCP for page debugging, browser automation, performance checks, and network inspection. Claude Code CX Codex Cursor +1 8,600installs nuxt-ui nuxt skill Guides AI agents in building interfaces with @nuxt/ui v4, covering semantic Tailwind CSS theming, layout patterns, and component selection. Claude Code CX Codex Cursor +1 19,700installs bmad-agent-ux-designer bmad-code-org skill Activates Sally, a dedicated UX designer persona for crafting interaction design and interface specifications. Helps teams map out user journeys and edge cases before coding. Claude Code CX Codex Cursor +1 11,600installs bmad-ux bmad-code-org skill Captures UX vision into DESIGN.md and EXPERIENCE.md documents. It structures visual identity and interaction logic without imposing arbitrary choices. Claude Code CX Codex Cursor +1 11,400installs frontend-patterns affaan-m skill A skill for React and Next.js work: component patterns, state, data fetching, and render performance. Use it when building or reviewing UI. Claude Code CX Codex Cursor +1 5,900installs web-perf cloudflare skill Audit Core Web Vitals, diagnose rendering bottlenecks, and inspect network dependencies directly through your agent. Claude Code CX Codex Cursor +1 109,300installs imagegen official openai skill This skill creates and edits raster images such as illustrations, textures, sprites, and mockups. Use it when the output should be a bitmap asset. Claude Code CX Codex Cursor +1 5,700installs playground official Anthropic skill Builds interactive HTML playgrounds with controls, a live preview, and a generated prompt. Use it when a topic is easier to explore visually than through plain text. Claude Code 7,967installs app-store-screenshots ParthJadhav skill Scaffolds a Next.js and ShadCN editor where you design and export App Store and Google Play screenshots. Claude Code CX Codex Cursor +1 14,900installs chrome-devtools-cli ChromeDevTools skill Lets AI coding agents interact with Chrome DevTools to automate clicks, inspect DOM snapshots, profile performance, and debug heap memory from the terminal. Claude Code CX Codex Cursor +1 6,700installs better-ui jakubkrehel skill This skill sets concrete rules for surface details, icons, shadows, and motion. Use it to polish an interface after its underlying interactions work. Claude Code CX Codex Cursor +1 38,900installs frontend-slides affaan-m skill Creates animation-rich HTML presentations from scratch or converts PPT/PPTX files into browser slides. Use it for talks, pitches, workshops, and internal decks. Claude Code CX Codex Cursor +1 5,400installs web-design-engineer ConardLi skill Directs your coding agent to craft polished web interfaces in HTML, CSS, JavaScript, and React. Useful for building dashboards, UI prototypes, slide decks, and animations. Claude Code CX Codex Cursor +1 8,700installs frontend-design-direction affaan-m skill Sets a product-specific direction for web UI and helps check hierarchy, content states, responsive behavior, accessibility, and rendered results. Claude Code CX Codex Cursor +1 5,300installs fixing-motion-performance ibelick skill Audits and fixes UI animation performance issues like layout thrashing, blur lag, and scroll jank. It optimizes CSS and JS motion without switching your animation libraries. Claude Code CX Codex Cursor +1 26,800installs liquid-glass-design affaan-m skill A skill that feeds your coding agent the iOS 26 Liquid Glass patterns for SwiftUI, UIKit and WidgetKit. Useful when you're building or porting an app to iOS 26+. Claude Code CX Codex Cursor +1 5,200installs frontend-developer VoltAgent Community subagent Subagent for building complete frontend applications with React 18+, Vue 3+, and Angular 15+. Handles component architecture, state management, testing, and accessibility. Claude Code 40,905installs stitch::generate-design official google-labs-code skill Turns a text prompt or an image into a finished UI screen through Stitch MCP, then edits it with targeted prompts. Claude Code CX Codex Cursor +1 10,700installs accessibility affaan-m skill Designs and audits user interfaces to WCAG 2.2 Level AA across Web, iOS, and Android. It guides the model through semantic roles, focus states, and screen readers. Claude Code CX Codex Cursor +1 5,000installs build-dashboard official anthropics skill Builds a self-contained HTML dashboard with Chart.js charts, KPI cards, and filterable tables. Useful for turning raw data or queries into a standalone browser report. Claude Code CX Codex Cursor +1 9,100installs stitch::extract-design-md official google-labs-code skill Extracts a complete DESIGN.md design system directly from frontend source files without building or rendering the project. Useful for styling audits and Stitch exports. Claude Code CX Codex Cursor +1 10,500installs turnstile-spin cloudflare skill Sets up Cloudflare Turnstile bot verification across existing frontend and backend code, including widget embedding and server-side siteverify. Claude Code CX Codex Cursor +1 92,200installs browser-qa affaan-m skill Drives a live page through a browser MCP: console errors, Core Web Vitals, forms, screenshots at three widths and axe-core. Ends with a SHIP or DO NOT SHIP verdict. Claude Code CX Codex Cursor +1 4,900installs