NeVibeCode · 2,909 items
Skills for Frontend and UI
Skills for Frontend and UI: what each one does, an install command and example prompts.
flutter-expert skill Skill for building cross-platform apps with Flutter 3+ and Dart. Covers widgets, state management via Riverpod or Bloc, GoRouter navigation, and performance optimization.
CX Codex +1
14,300installs
ui-skills-root skill A UI task router that picks the right skill before interface work. Run npx ui-skills start to launch it and let the agent select just enough context to solve the problem.
CX Codex +1
7,100installs
vitepress skill A VitePress skill that helps an agent configure the site, extend the theme and write Markdown with Vue components.
CX Codex +1
11,800installs
vue-pinia-best-practices skill A skill covering Pinia best practices: avoid common store setup errors, preserve reactivity, and organize state management patterns in Vue projects.
CX Codex +1
16,900installs
frontend-skill skill This skill helps agents create visually strong landing pages, websites, and app UIs with restrained composition. Use it for frontend and interface work.
CX Codex +1
3,000installs
opentui skill Guides coding agents through building OpenTUI terminal interfaces, from choosing Core, React, or Solid to handling input, animations, and tests.
CX Codex +1
64,500installs
material-ui-nextjs skill A skill for wiring Material UI into Next.js: SSR, Emotion cache, next/font, CSS layers, Link, and useSearchParams. Use it when setting up or debugging MUI in a Next.js app.
CX Codex +1
727installs
expo-router skill Skill for file-based routing, stacks, modals and tabs in Expo Router. Use it when building navigation in a React Native mobile app.
CX Codex +1
27,900installs
expo-brownfield skill Embeds React Native and Expo into existing native iOS and Android apps. Useful when adding cross-platform screens to SwiftUI, UIKit, or Kotlin hosts.
CX Codex +1
27,900installs
3d-web-experience skill Helps build and debug web 3D scenes, product configurators, and portfolios. Covers stack choice, model loading, scroll interaction, and performance checks.
CX Codex +1
5,200installs
argent-screenshot-diff skill Compares before and after screenshots to catch layout shifts, spacing, color and text rendering changes.
CX Codex +1
25,000installs
presentation skill Turns a technical-spec directory into an interactive web presentation. Use it when a specification needs a shareable deck with a clear narrative.
CX Codex +1
3,500installs
popular-web-designs skill 54 real-world design systems (Stripe, Linear, Vercel, Claude) with CSS tokens, typography, and components for building pages styled after known brands.
CX Codex +1
919installs
shadcn-ui skill This skill helps an agent build structured, accessible UI components with shadcn/ui. Use it while planning an interface with the Stitch design loop.
CX Codex +1
2,900installs
swiftui-design skill A skill that guides SwiftUI interface design by clear rules, avoiding typical AI-code mistakes. Directs design decisions, validates brand assets, and reviews layouts across five dimensions.
CX Codex +1
2,900installs
plan-design-review skill The skill rates each design dimension from 0-10, explains what a 10 looks like, and flags AI Slop signals. Run it before merging UI work.
CX Codex +1
2,900installs
flutter-animating-apps skill Implements animations and transitions in Flutter apps. Useful for crafting native iOS and Android motion design.
CX Codex +1
2,900installs
ui-skills skill Opinionated UI constraints to guide agents building user interfaces. It keeps generated components cohesive across a codebase.
CX Codex +1
2,900installs
brand-guidelines skill This skill applies Anthropic’s brand colors and typography to artifacts. Use it when a project needs a consistent visual identity or a design reference.
CX Codex +1
2,900installs
color-expert skill A skill with 286K words of reference material on OKLCH, palette generation, contrast and pigment mixing. Useful when you build a theme or check color accessibility.
CX Codex +1
2,900installs
expo-data-fetching skill Configures data fetching, caching, and screen states in Expo apps. Guides network calls with expo/fetch and TanStack Query.
CX Codex +1
27,500installs
playwright-skill skill Write and run Playwright scripts directly in your IDE. Auto-detects dev servers, takes screenshots, checks responsive layouts, tests login flows, and validates web functionality.
CX Codex +1
6,900installs
angular-migration skill Helps move AngularJS applications to Angular through a full rewrite or staged migration. Use it for hybrid apps, component conversion, and dependency injection changes.
CX Codex
10,900installs
algorithmic-art skill Creates generative graphics using p5.js with seeded randomness for reproducible renders. Useful for procedural posters and motion-style frame studies.
CX Codex +1
2,800installs
html-ppt-retro-quarterly-review skill A quarterly review template in bold blue-and-orange editorial style: three cinematic slides with slab headlines and a cream paper feel. No frameworks, one self-contained HTML file.
CX Codex +1
2,800installs
field-notes-editorial-template skill Generates a magazine-style editorial business report in a single HTML file. Useful for board memos and clean data storytelling.
CX Codex +1
2,800installs
login-flow skill Builds a standalone HTML prototype for a mobile app sign-in flow. Use it to shape phone, password, or social login screens with loading and error states.
CX Codex +1
2,800installs
shader-dev skill Provides GLSL shader techniques for ray marching, fluid simulation, and procedural graphics. Helps coding agents generate visuals and motion stills for hero sections.
CX Codex +1
2,800installs
after-hours-editorial-template skill Generates luxury dark editorial presentations with haute-couture typography and cinematic transitions. Built for fashion lookbooks and premium brand pitches.
CX Codex +1
2,800installs
platform-design skill Brings 300+ design rules from Apple HIG, Material Design 3, and WCAG 2.2 into your coding agent for building cross-platform apps on iOS, Android, and web.
CX Codex +1
2,800installs
theme-factory skill A skill with 10 preset themes for styling artifacts: slides, docs, reports, HTML landing pages. Use it when you need a professional look without manual design work.
CX Codex +1
2,800installs
frontend-dev skill Skill for building modern frontends with smooth animations, AI-generated content via MiniMax API, and generative art. Works for hero pages and showcase sites.
CX Codex +1
2,800installs
agent-browser skill Automates browser actions via CLI and CDP. Lets AI agents inspect local web apps, run tests, take element screenshots, and extract design tokens.
CX Codex +1
2,800installs
8-bit-orbit-video-template skill This skill provides a retro 8-bit video template for Hyperframes. Use it to build a multi-scene HTML composition with transitions and an interactive preview.
CX Codex +1
2,800installs
web-artifacts-builder skill Builds HTML artifacts for claude.ai with React and Tailwind — Anthropic's reference workflow for embeddable interfaces.
CX Codex +1
2,800installs
frontend-slides skill Generates animation-rich HTML presentations with visual style previews. Handy for online keynotes, interactive briefs, and embedded slide decks.
CX Codex +1
2,800installs
react-native-best-practices skill Provides React Native performance guidelines based on Callstack practices. It helps agents diagnose FPS drops, memory leaks, and large bundles.
CX Codex +1
30,200installs
answer-me-with-html skill This skill turns an agent reply into a one-page visual HTML explainer. It helps with diagrams, comparisons, investigations, and answers built around steps or sections.
CX Codex +1
5,400installs
mcp skill This skill helps build MCP servers that render interactive json-render UIs in Claude, ChatGPT, Cursor, and VS Code.
CX Codex +1
5,800installs
antislop skill A rule-based filter for generic AI output in interfaces and code. Use it when an agent needs explicit checks for UI, copy, accessibility, or mobile layout.
CX Codex +1
7,400installs
281–320 of 2,909
