NeVibeCode · 2,909 items
Skills for Frontend and UI
Skills for Frontend and UI: what each one does, an install command and example prompts.
bun-tanstack-start skill A skill that tells your agent how to build a TanStack Start app on the Bun runtime: routing, server functions, build config.
CX Codex +1
414installs
nuxt-production skill Guides AI agents through Nuxt 4 production readiness, covering SSR hydration fixes, bundle optimization, Vitest suites, and Cloudflare deployments.
CX Codex +1
412installs
react-flow-implementation skill Guides your coding agent in building diagram editors and node interfaces with @xyflow/react. Useful for clean viewport state and node handling.
CX Codex +1
362installs
orval skill 42 prioritized rules for generating type-safe TypeScript clients from OpenAPI specs with Orval. Helps configure hooks, custom mutators, and MSW mocks.
CX Codex +1
331installs
morphing-icons skill Builds icon components that transform through direct SVG line motion instead of crossfades, relying on a shared three-line structure.
CX Codex +1
362installs
nuxt-ui-v4 skill A skill that gives your agent the Nuxt UI v4 component library: 125+ accessible components, Tailwind v4, dark mode. Useful for Nuxt dashboards, forms and chat UIs.
CX Codex +1
410installs
mui-base skill A skill with 48 rules for building headless React component libraries the MUI Base UI way. Useful when logic and styling stay apart.
CX Codex +1
328installs
css-native skill This skill gets your agent writing motion with plain CSS: @keyframes, transition, transform. Useful when interface animation should not pull in a JS library.
CX Codex +1
716installs
ink skill A skill for building chat interfaces inside the terminal: it wires the assistant-ui runtime to Ink's renderer and prints assistant text as ANSI markdown.
CX Codex +1
923installs
migrate-to-rsbuild skill A skill that migrates webpack, Vite, Create React App, and Vue CLI projects to Rsbuild. It rewrites build configs and validates dev servers before cleaning up old packages.
CX Codex +1
326installs
saas-productivity skill Guides motion design for task, form, panel, and notification interfaces. Use it when work-focused animation needs feedback without distraction.
CX Codex +1
709installs
nuxt-server skill A skill for Nuxt 4 server-side development with Nitro: API routes, middleware, databases and WebSockets. Useful when the backend lives inside your Nuxt project.
CX Codex +1
401installs
bun-bundler skill Teaches your agent how to bundle JavaScript and TypeScript with Bun CLI and Bun.build API. Useful for browser, Node, or Bun runtimes.
CX Codex +1
400installs
turborepo skill Guides coding agents through Turborepo monorepo setup, task pipeline architecture, caching rules, and CI flags.
CX Codex +1
400installs
shadcn-ui skill Teaches your agent how to build shadcn/ui components: Radix primitives, Tailwind, CVA variants and data-slot.
CX Codex +1
351installs
mobile-offline-support skill A skill for offline-first mobile apps: local storage, a sync queue and conflict resolution, so the agent stops assuming the network is always there.
CX Codex +1
398installs
vitest skill Guides the agent in configuring Vitest, writing unit tests, checking TypeScript types, and creating mocks in Vite projects.
CX Codex +1
931installs
ionic-app-upgrades skill Walks the agent through a major Ionic upgrade: step-by-step migrations for Angular, React and Vue, plus component and CSS variable breaking changes.
CX Codex +1
834installs
ui-design-patterns skill A reference on common interface patterns: navigation, forms, data display, feedback and accessibility. Useful when you design components or audit an existing UI.
CX Codex +1
853installs
react-native skill A skill for building assistant-ui chat surfaces in Expo and bare React Native: native primitives, the AI SDK runtime and a transport to your backend.
CX Codex +1
909installs
tailwindcss-responsive-darkmode skill A Tailwind CSS skill covering responsive layout, dark mode, runtime theme switching and FOUC prevention.
CX Codex +1
476installs
bun-react-ssr skill A skill for building server-rendered React on Bun: renderToString, streaming, hydration and a hand-rolled router.
CX Codex +1
395installs
vitest skill Configures, runs, and audits Vitest suites in JavaScript and TypeScript projects. It inspects project settings and sets up runners without manual API lookups.
CX Codex +1
2,600installs
webapp-to-capacitor skill Plans and runs the move from a web app, PWA or SPA to a Capacitor iOS and Android app that survives store review.
CX Codex +1
665installs
ui5-typescript-conversion skill A skill that walks a SAPUI5 or OpenUI5 project through a TypeScript conversion: build setup, types, then the code itself. Useful when a JS project needs typing.
CX Codex +1
910installs
ux-principles skill Gives your coding agent usability heuristics, user research methods and accessibility checks, so interface work follows known rules instead of guesswork.
CX Codex +1
836installs
data-visualizer skill Guides coding agents in building charts and interactive dashboards. Helpful when adding metrics views to React, Vue, or Angular applications.
CX Codex +1
572installs
instrument-product-analytics skill Adds PostHog capture calls so you can track what users actually do. Handy after shipping a feature or reviewing a PR.
CX Codex +1
666installs
nuxt-core skill A skill that gives your coding agent the Nuxt 4 fundamentals: directory layout, config, routing, SEO and error handling.
CX Codex +1
390installs
legend-list-best-practices skill A skill for @legendapp/list work: it implements the list by the library's own contracts or audits existing usage for recycling, measurement and scroll anchoring bugs.
CX Codex +1
546installs
tauri-app-planning skill Turns a vague idea into a concrete Tauri 2.0 plan: requirement analysis, plugin selection, architecture and window orchestration.
CX Codex +1
484installs
nuxt-data skill A skill for Nuxt 4 data work: composables, useFetch and useAsyncData, state with useState and Pinia.
CX Codex +1
388installs
daisyui skill Supplies your coding assistant with daisyUI patterns, semantic classes for 50+ Tailwind CSS components, and built-in themes.
CX Codex +1
903installs
app-shell skill Design guidelines for top bars, app switchers, tenant indicators, and status bars. It keeps navigation consistent across internal tools and customer portals.
CX Codex +1
328installs
bun-nuxt skill A skill that tells the agent how to run Nuxt 3 on Bun: scripts, Nitro preset, server routes and deployment. Useful when you want off Node.
CX Codex +1
387installs
don-norman-principles-audit skill Runs a UX review against Don Norman's seven design principles and returns a report with severity levels and fixes.
CX Codex +1
366installs
tailwind-refactor skill A skill for refactoring Tailwind CSS classes: migrating from v3 to v4, replacing deprecated utilities and cleaning up code without changing the visual output.
CX Codex +1
308installs
ionic-app-creation skill This skill walks an agent through creating an Ionic app with Ionic CLI, including framework, starter template, Capacitor, and Tailwind choices.
CX Codex +1
801installs
ag-update skill Walks your agent through upgrading AG Grid, AG Charts and AG Studio dependencies and writes the migration plan to files.
CX Codex +1
1,400installs
shadcn-layouts skill Teaches the agent the CSS models behind shadcn and Tailwind layouts, so height, scroll and flex/grid problems get fixed instead of guessed at.
CX Codex +1
457installs
2,281–2,320 of 2,909
