NeVibeCode · 2,909 items
Skills for Frontend and UI
Skills for Frontend and UI: what each one does, an install command and example prompts.
migrate-nativewind-to-uniwind skill A skill that automates migrating React Native projects from NativeWind to Uniwind. It updates configs, removes old packages, rebuilds CSS, and handles all breaking changes.
CX Codex +1
2,000installs
react-router skill A skill that teaches your coding agent the React bindings for TanStack Router: hook reference, components, and a file-based routing setup on Vite.
CX Codex +1
547installs
principle-experience-first skill A principle skill that shifts priority toward the user when product, UX, or feature-scope tradeoffs come up. Useful when deciding what to cut.
CX Codex +1
5,100installs
wpds skill Feeds WordPress Design System docs to your agent through an MCP server, so UI work lands on real components and tokens instead of guesses.
CX Codex +1
4,000installs
narrow-react-prop-types skill A skill that cuts React component prop types back to the contract your live code actually uses, then makes stories and tests match it instead of weakening it.
CX Codex +1
1,300installs
clerk-setup skill Configures Clerk authentication via the Clerk CLI or scaffolds a fresh app with auth preconfigured. Useful for setting up dev keys and middleware without manual steps.
CX Codex +1
56,600installs
typescript-variables skill Applies TypeScript variable conventions: const assertions, enum replacement with literal types, unions over boolean flags, null vs undefined distinction.
CX Codex +1
3,800installs
typescript-discriminated-unions skill Guides coding agents to apply discriminated unions in TypeScript, eliminating invalid states and enabling exhaustiveness checks.
CX Codex +1
3,800installs
clerk-custom-ui skill A Clerk skill that has the agent build custom sign-in and sign-up forms with hooks, or restyle the pre-built components to fit your brand.
CX Codex +1
55,200installs
angular-signals skill Helps manage reactive state in Angular v20+ with signals and replaces RxJS patterns. Marked as deprecated in favor of official skills.
CX Codex +1
8,800installs
clerk-nextjs-patterns skill Provides authentication and authorization patterns for Next.js with Clerk. Helps protect routes, handle Server Actions, and configure caching correctly.
CX Codex +1
53,400installs
design-everyday-things skill A skill that walks an interface through the principles of The Design of Everyday Things: affordances, signifiers, constraints, feedback. Useful when users get lost and you can't tell why.
CX Codex +1
5,600installs
wear-compose-m3 skill Teaches the agent Wear OS Compose Material3: migrating off Material 2.5 and Horologist, canonical component samples, and the toolchain floors you need.
CX Codex +1
1,200installs
tanstack-query-best-practices skill A rule set for TanStack Query in React: query keys, caching, mutations, SSR. Installs into Claude Code, Codex, Cursor or Copilot so data fetching follows one pattern across the repo.
CX Codex +1
12,800installs
shaders skill A skill for WebGPU visuals: animated backgrounds, gradients, glass, distortion and particles from the shaders component library in React, Vue, Svelte, Solid or plain JS.
CX Codex +1
548installs
tailwind-4-docs skill The skill syncs a local snapshot of the Tailwind CSS v4 docs so your agent answers utility, config and v3-to-v4 migration questions from official text.
CX Codex +1
17,600installs
tailwindcss-development skill Writes and fixes Tailwind classes in Blade, JSX and Vue templates. Triggers automatically when a message contains the word tailwind.
CX Codex +1
942installs
senior-frontend skill This skill supports React and Next.js work, from project scaffolding to bundle checks. Use it when building components, reviewing frontend code, or working on accessibility.
1,630installs
generate skill The generate skill writes Playwright tests from a user story, URL, component name or feature description. Useful when an e2e scenario needs covering and you would rather not hand-write it.
1,624installs
bklit-ui skill Installs Bklit UI chart components into a React or Next.js app, then shows how to compose series, axes and tooltips without hand-rolled SVG.
CX Codex +1
1,200installs
high-perf-browser skill A Claude Code skill that traces slow page loads back to round trips: handshakes, HTTP/2 and HTTP/3, render-blocking resources and the critical rendering path.
CX Codex +1
5,300installs
maui-theming skill A skill that walks the agent through light and dark themes in .NET MAUI: AppThemeBinding, ResourceDictionary swapping, system theme detection.
CX Codex +1
3,200installs
maui-data-binding skill A skill that gives your coding agent the rules for XAML and C# data bindings in .NET MAUI, from compiled bindings to change notification.
CX Codex +1
3,200installs
maui-dependency-injection skill Guides dependency injection setup in .NET MAUI projects. It configures service lifetimes, constructor injection, and platform-specific registrations in MauiProgram.cs.
CX Codex +1
3,200installs
antd skill Guides an agent through Ant Design API checks, project diagnostics, and version migrations when working with antd code.
CX Codex +1
6,100installs
build-awwwards-quality-sites skill Provides art direction and implementation rules for motion-led, interactive websites. Guides the AI agent through GSAP choreography, smooth scrolling, and WebGL safeguards.
CX Codex +1
3,100installs
webgpu-threejs-tsl skill Guides an agent through Three.js work with WebGPU, TSL node materials, GPU compute shaders, and post-processing effects.
CX Codex +1
1,600installs
react-start skill Guides agents through TanStack Start with React. It covers Vite configuration, isomorphic loaders, server functions, and the useServerFn hook.
CX Codex +1
454installs
web-haptics skill Teaches your coding agent to add tactile feedback to mobile web interfaces using the zero-dependency web-haptics library and Apple HIG rules.
CX Codex +1
812installs
web-prototype skill Builds one self-contained HTML prototype from a seed template and eight section skeletons. Handy for a landing page, a pricing page or a docs index.
CX Codex +1
300installs
create-verification-skill skill Generates a project-local verify-<app> skill on top of e2e. It guides coding agents to launch the app, exercise features like a user, and keep evidence in .e2e/.
CX Codex +1
388installs
improve-threejs skill Audits Three.js and React Three Fiber apps for frame-loop issues, GPU memory leaks and rendering defects. Use it when a scene needs a code and visual review.
CX Codex +1
316installs
testing-for-xss-vulnerabilities skill Tests web applications for reflected, stored, and DOM XSS. Use it when reviewing input handling, output encoding, and CSP coverage.
CX Codex +1
647installs
configure-auth skill Adds authentication and authorization to a Blazor Web App based on its render mode. It prevents runtime crashes with Identity and interactive routing.
CX Codex +1
3,100installs
maui-safe-area skill Safe area and edge-to-edge layout guidance for .NET 10+. Solves system bar overlaps and keyboard padding across Android, iOS, and Mac Catalyst.
CX Codex +1
3,200installs
maui-collectionview skill A reference skill for CollectionView in .NET MAUI: item templates, grids, grouping, incremental loading and swipe actions. Useful when the agent writes list XAML.
CX Codex +1
3,200installs
start-core skill This skill covers the TanStack Start foundation: the Vite plugin, router factory, root route, and server functions. Use it when setting up or reviewing a Start app.
CX Codex +1
447installs
modern-css skill Gives an agent a modern CSS reference for new stylesheets, legacy CSS refactors, and questions about newer browser features.
CX Codex +1
544installs
roblox-ui skill A skill for building Roblox interfaces: ScreenGui lifecycle, responsive UDim2 layouts, gamepad and touch input. Useful when UI clips or resets on respawn.
CX Codex +1
4,000installs
use-js-interop skill Sets up and audits JavaScript interop in Blazor components. It guides .NET-to-JS calls, lifecycle handling, and call batching across the circuit.
CX Codex +1
3,000installs
601–640 of 2,909
