NeVibeCode · 2,909 items
Skills for Frontend and UI
Skills for Frontend and UI: what each one does, an install command and example prompts.
devtools skill Debug panel for json-render apps: component tree, state editor, actions log, streaming patches, and element picker.
CX Codex +1
8,300installs
react-state-management skill Helps choose and structure React state management for local, global, server, URL, and form data.
CX Codex
15,286installs
chakra-ui-migrate skill A migration skill that guides projects from Chakra UI v2 to v3. It handles package cleanups, codemods, provider setup, and updated component props.
CX Codex +1
1,800installs
react-native-architecture skill A skill for Claude Code, Codex and Cursor that hands your agent project layout, navigation, native modules and offline sync patterns for React Native on Expo.
CX Codex
15,087installs
web-design-guidelines skill Audits product interface code against Vercel design guidelines for layout, typography, motion, and accessibility. Useful for frontend code reviews.
CX Codex +1
3,900installs
winui3-migration-guide
official skill This skill helps move UWP code to WinUI 3 and Windows App SDK. Use it to check API replacements, namespaces, and common Copilot mistakes.
5,700installs
directives skill Pre-built directives for json-render: formatting, math, string handling, i18n. Wire them into your catalog and renderer with one import.
CX Codex +1
8,000installs
accessibility-compliance skill This skill guides accessibility audits and interface work involving keyboard navigation, screen readers, and forms. Use it when building against WCAG 2.2.
CX Codex
14,596installs
typescript-review skill Reviews TypeScript and JavaScript changes against Metabase coding rules. Use it for pull requests or diffs that include TS or JS files.
CX Codex +1
2,300installs
site-md
official skill Generates a .stitch/SITE.md constitution file from requirements or project briefs for the Stitch Build Loop.
CX Codex +1
3,700installs
ima-sdk-client-side
official skill This skill supports Google IMA SDK integrations for client-side video and audio ads requested through VAST or VMAP. Use it for websites, apps, and TV platforms.
CX Codex
4,500installs
reference-core skill Explains the runtime architecture of Angular's packages/core. Use it when modifying Ivy instructions, dependency injection, or signals.
CX Codex +1
986installs
nextjs-supabase-auth skill This skill wires Supabase Auth into the Next.js App Router with clients, middleware, OAuth callbacks, and Server Actions. Use it when you need protected routes and session handling.
CX Codex +1
6,600installs
e2e-tests-studio skill A skill that automatically generates Playwright E2E tests when you modify playground components. Tests product behavior—data persistence, feature workflows, action side effects—not just UI states.
CX Codex +1
2,500installs
reference-signal-forms skill Explains Angular signal-based forms and helps agents navigate packages/forms/signals before changing its architecture or field bindings.
CX Codex +1
969installs
ima-dai-sdk
official skill This skill guides Google IMA DAI SDK integration for loading HLS and DASH streams. Use it for livestreams or video on demand in apps and websites.
CX Codex
4,300installs
visual-design-foundations skill This skill helps define typography, color, spacing, and icon rules for a project. Use it when setting up design tokens or bringing an interface into visual consistency.
CX Codex
13,566installs
baoyu-design skill Generates UI mockups, interactive prototypes, slide decks, and design systems as self-contained HTML. Useful whenever an agent needs to produce interface layouts.
CX Codex +1
6,300installs
adev-writing-guide skill Guidelines for writing Angular documentation in adev/src/content. It enforces Google Technical Writing standards, Angular markdown extensions, and custom code components.
CX Codex +1
912installs
typescript-write skill Skill for writing and editing TypeScript and JavaScript code to Metabase standards. Enforces strict typing without any and requires type checking before completion.
CX Codex +1
2,100installs
web-component-design skill This skill helps design reusable components for React, Vue, and Svelte. Use it for UI libraries, design systems, or legacy component refactors.
CX Codex
13,167installs
threejs skill Guides the agent in building browser 3D scenes, materials, interactive controls, and post-processing with Three.js.
CX Codex +1
3,400installs
design-brief skill Parses an I-Lang design brief into a concrete spec with palette, typography, density, and constraints. Eliminates ambiguity from phrases like "make it professional."
CX Codex +1
3,400installs
seo-schema skill Detects, validates, and generates Schema.org JSON-LD structured data for web pages. Helps prepare markup for Google search results.
CX Codex +1
7,000installs
improve-ui skill Audits an interface against its own design system, finds proven inconsistencies, and writes fix plans for another agent without touching source.
CX Codex +1
7,900installs
expo-ui skill A skill for building interfaces that compile to real native code: SwiftUI on iOS, Jetpack Compose on Android. Helps the agent use the right component instead of reaching for Reanimated or heavy community libraries.
CX Codex +1
31,800installs
premium-frontend-ui
official skill Guides GitHub Copilot when building animated web interfaces. Use it for a visually distinctive landing page or interactive portfolio.
4,900installs
expo-native-ui skill Guides your coding agent in building native-feeling Expo screens with Apple HIG styling, @expo/ui components, SF Symbols, and semantic colors.
CX Codex +1
31,700installs
react-modernization skill This skill upgrades React codebases, moves class components to hooks, and guides React 18 adoption. Use it when a legacy React app needs a structured migration.
CX Codex
12,625installs
analytics-events skill A skill that teaches coding agents how to add Snowplow analytics events to the Metabase frontend. Use it when tracking clicks, form submissions, and entity creation.
CX Codex +1
2,000installs
wcag-audit-patterns skill Audits web interfaces against WCAG 2.2 with automated checks and manual verification. Use it to find violations and build accessible patterns.
CX Codex
12,486installs
threejs-animation skill Skill for keyframe, skeletal and morph-target animation in Three.js. Play glTF animations, control bones, blend and crossfade clips on WebGL and WebGPU.
CX Codex +1
20,400installs
seo-images skill Checks alt text, file size, format (WebP/AVIF), responsive images, lazy loading, and metadata. Flags CLS issues and shows how many kilobytes you can save.
CX Codex +1
6,800installs
cmux-custom-sidebar skill Skill for writing a custom cmux sidebar in a SwiftUI-like language. The sidebar binds to workspaces, tabs, PRs, and clock; hot-reloads on save; runs cmux commands on tap.
CX Codex +1
4,800installs
agentation-self-driving skill Runs autonomous design critiques in a visible browser window and leaves feedback notes directly through the Agentation toolbar.
CX Codex +1
7,000installs
cmux-localization skill A skill for managing translations of user-facing strings in your interface. Runs an audit whenever you change button text, menus, tooltips, or error messages.
CX Codex +1
4,700installs
cmux-debugging skill Skill for adding debug logging, diagnosing UI and runtime issues in cmux. Use when working with terminal rendering, tab lists, drag-and-drop, or testing across macOS versions.
CX Codex +1
4,800installs
argent-react-native-optimization skill Profiles React Native apps to pinpoint runtime bottlenecks and fixes mechanical code issues. It steps in when user screens stutter, startup lags, or re-renders spike.
CX Codex +1
26,500installs
d3-visualization skill This skill teaches the agent to create interactive D3.js visualizations. Use it to generate charts for dashboards, reports, and data-rich prototypes.
CX Codex +1
3,100installs
design-review skill Audits UI visually, fixes flaws with atomic commits, and captures before/after screenshots. Useful for tightening shipped interface code right before launch.
CX Codex +1
3,200installs
241–280 of 2,909
