NeVibeCode · 2,909 items
Skills for Frontend and UI
Skills for Frontend and UI: what each one does, an install command and example prompts.
brag skill Generates a short, polished launch video from project source code using Hyperframes. Requires no running server or screenshots.
CX Codex +1
20,300installs
make-interfaces-feel-better skill This skill guides small UI refinements, from icon alignment to motion. Use it while building components or reviewing frontend code.
CX Codex +1
73,400installs
find-docs 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.
CX Codex +1
9,400installs
baoyu-markdown-to-html 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.
CX Codex +1
32,200installs
interface-design 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.
CX Codex +1
30,800installs
taste-design
official 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.
CX Codex +1
20,200installs
html-ppt skill Create static HTML slide decks from templates, with themes, animations and keyboard navigation. Useful when turning notes or text into a presentation.
CX Codex +1
20,900installs
baoyu-compress-image skill Compresses images into WebP or PNG using local tools like sips and cwebp. Handy for optimizing assets directly inside your repository.
CX Codex +1
28,200installs
tailwind-design-system skill Helps build design systems with Tailwind CSS v4, from theme tokens to component variants. Use it when a project needs shared UI patterns.
CX Codex
70,180installs
react-doctor skill Audits React codebases for architecture, accessibility, and rendering issues. Computes a health score from 0 to 100 and helps patch regressions.
CX Codex +1
19,200installs
frost-sequence-camera-orbit 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.
CX Codex +1
10,000installs
orbit-card skill Adds a 10-second 1920×1080 HyperFrames motion block where a single feature card orbits a dot sphere using exported Blender camera paths.
CX Codex +1
10,000installs
canopy-part-title 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.
CX Codex +1
10,000installs
code-slice-hero 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.
CX Codex +1
10,000installs
glass-shard-title 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.
CX Codex +1
10,000installs
cuboid-carousel 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.
CX Codex +1
10,000installs
accessibility 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.
CX Codex +1
64,100installs
chrome-devtools skill This skill connects Chrome DevTools through MCP for page debugging, browser automation, performance checks, and network inspection.
CX Codex +1
8,600installs
nuxt-ui skill Guides AI agents in building interfaces with @nuxt/ui v4, covering semantic Tailwind CSS theming, layout patterns, and component selection.
CX Codex +1
19,800installs
figma-implement-design
official skill This skill turns Figma nodes into application UI code while preserving layout, tokens, assets, and visual details. Use it when building components or screens from Figma.
CX Codex +1
6,700installs
bmad-agent-ux-designer 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.
CX Codex +1
11,800installs
bmad-ux skill Captures UX vision into DESIGN.md and EXPERIENCE.md documents. It structures visual identity and interaction logic without imposing arbitrary choices.
CX Codex +1
11,600installs
frontend-patterns skill A skill for React and Next.js work: component patterns, state, data fetching, and render performance. Use it when building or reviewing UI.
CX Codex +1
5,900installs
web-perf skill Audit Core Web Vitals, diagnose rendering bottlenecks, and inspect network dependencies directly through your agent.
CX Codex +1
110,200installs
imagegen
official 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.
CX Codex +1
5,700installs
playground
official 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.
7,967installs
app-store-screenshots skill Scaffolds a Next.js and ShadCN editor where you design and export App Store and Google Play screenshots.
CX Codex +1
15,000installs
playwright-interactive
official skill Keeps a Playwright session alive for local web and Electron debugging. Use it for functional and visual QA after code changes.
CX Codex +1
5,500installs
chrome-devtools-cli skill Lets AI coding agents interact with Chrome DevTools to automate clicks, inspect DOM snapshots, profile performance, and debug heap memory from the terminal.
CX Codex +1
6,800installs
better-ui skill This skill sets concrete rules for surface details, icons, shadows, and motion. Use it to polish an interface after its underlying interactions work.
CX Codex +1
39,300installs
lavish skill Turns plans, comparisons, reports, and other visual agent responses into HTML files that users can annotate and send back as feedback.
CX Codex +1
22,900installs
frontend-slides 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.
CX Codex +1
5,500installs
web-design-engineer 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.
CX Codex +1
8,700installs
frontend-design-direction skill Sets a product-specific direction for web UI and helps check hierarchy, content states, responsive behavior, accessibility, and rendered results.
CX Codex +1
5,300installs
fixing-motion-performance 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.
CX Codex +1
26,900installs
liquid-glass-design 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+.
CX Codex +1
5,200installs
stitch::generate-design
official skill Turns a text prompt or an image into a finished UI screen through Stitch MCP, then edits it with targeted prompts.
CX Codex +1
10,800installs
accessibility 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.
CX Codex +1
5,100installs
build-dashboard
official 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.
CX Codex +1
9,100installs
stitch::extract-design-md
official 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.
CX Codex +1
10,600installs
81–120 of 2,909
