NeVibeCode · 2,909 items
Skills for Frontend and UI
Skills for Frontend and UI: what each one does, an install command and example prompts.
web-design-guidelines skill This skill checks UI files against current Web Interface Guidelines and reports findings by file and line. Use it for accessibility or design reviews.
2,076installs
sanity-best-practices skill Sanity's own rules for an AI agent working on a Sanity codebase: schemas, GROQ, TypeGen, visual editing, migrations and framework wiring. Useful the moment the agent touches your content layer.
CX Codex +1
31,800installs
typeui-fundamentals skill Provides design principles for visual hierarchy, a 4-point spacing grid, typography, and WCAG rules. Useful when the project design system leaves a gap.
CX Codex +1
2,200installs
react-dev skill Provides type-safe React 18 and 19 patterns for TypeScript components, hooks, and Server Actions.
CX Codex +1
4,100installs
react-native-brownfield-migration skill Guides incremental React Native or Expo adoption in native iOS and Android apps using @callstack/react-native-brownfield.
CX Codex +1
5,200installs
yaml skill Streaming YAML parser for json-render that turns code fences into JSON Patch. Built for progressive rendering and surgical spec edits via stream.
CX Codex +1
1,000installs
ios-hig-design skill Skill guides you through designing native iOS interfaces that follow Apple's Human Interface Guidelines. Use it when you're building an iPhone or iPad app and want it to feel at home on the platform.
CX Codex +1
8,200installs
tailwind-4 skill A skill that sets how the agent styles with Tailwind CSS 4: which classes go in className, when to use style, and when to build classes with cn().
CX Codex +1
612installs
transitions-ui-generation skill Add an animation that makes a page element look like an agent is building it. Use it to present generated UI, headlines, or images.
CX Codex +1
1,100installs
engineering-skills skill An engineering skill index for Claude Code that helps you select one specialist SKILL.md for the task at hand. It covers architecture, testing, DevOps, and data work.
2,387installs
threejs-game-ui-designer skill Skill for designing game UIs in Three.js: HUDs, menus, pause and win screens, responsive layout for mobile and desktop. Prevents overlaps, ensures readability, and keeps UI cohesive with game style.
CX Codex +1
3,300installs
threejs-gameplay-systems skill Scaffolds and tunes playable Three.js browser games with Vite and TypeScript. Helps design core loops, handle input, camera motion, and Rapier physics.
CX Codex +1
3,300installs
hairline-adopt skill Rebuilds an icon or logo from an SVG into an isometric line figure on the @lucasmarkes/hairline engine, with a gesture that answers the pointer.
CX Codex +1
1,700installs
firecrawl-website-design-clone skill Extracts a live website's visual system into DESIGN.md: tokens, components, logo, fonts and palette.
CX Codex +1
33,100installs
threejs-gltf-loading skill Loads glTF/GLB models into three.js and plays their baked or skinned clips, with patterns for DRACO, Meshopt and KTX2. For the case where the file imports but nothing shows up on screen.
CX Codex +1
5,900installs
angular-component skill An Angular 20+ component skill with signal inputs and OnPush, now marked deprecated: the guidance is gone and the official Angular skills take its place.
CX Codex +1
11,500installs
react-navigation skill Reference files for React Navigation 7 UI patterns: stacks, tabs, sheets, drawers, headers, safe areas. Useful when screens and modals have to sit inside a navigator.
CX Codex +1
4,800installs
orval skill Generates type-safe TypeScript clients, TanStack Query hooks, Zod schemas, and MSW mocks from OpenAPI specs.
CX Codex +1
589installs
threejs-aaa-graphics-builder skill A skill for upgrading Three.js games from rough prototypes to production visuals: builds materials, lighting, VFX, shaders, and evaluates scenes against a scorecard.
CX Codex +1
3,200installs
phaser-arcade-physics skill Configures movement, gravity, and collisions in Phaser 4 games using Arcade Physics. Helps write top-down or platformer controls and resolve body interactions.
CX Codex +1
5,800installs
threejs-scene-setup skill Sets up the foundation of a three.js scene and helps diagnose a blank or black canvas. Use it for rendering loops, responsive sizing, camera setup, or OrbitControls.
CX Codex +1
5,800installs
threejs-materials-lighting skill Picks the right three.js material, adds lights and shadow maps, and wires an HDR environment so a model stops rendering black or flat.
CX Codex +1
5,800installs
pixijs-rendering skill A skill for building a PixiJS v8 render layer: async Application, texture loading with Assets, a Container scene graph, ticker loop and pointer events.
CX Codex +1
5,600installs
threejs-debug-profiler skill Tracks down blank canvases and runtime render bugs in Three.js browser games. Measures draw calls, shaders, and memory bottlenecks without breaking playability.
CX Codex +1
3,100installs
svelte-core-bestpractices skill A skill that tells the agent how to write Svelte components with runes: $state, $derived, events, styling. Useful as soon as the agent edits a Svelte project.
CX Codex +1
10,900installs
top-design skill Directs AI coding agents to build Awwwards-style web experiences with dramatic typography, orchestrated scroll motion, and a 10-point scoring rubric.
CX Codex +1
7,100installs
develop skill Turns approved specs and AGENTS.md rules into working UI and backend code. Helpful when architectural choices are settled and code generation needs strict guardrails.
CX Codex +1
4,400installs
threejs-qa-release skill Checks Three.js browser games before release, covering gameplay, responsive views, builds and visual evidence. Use it after gameplay changes or before publishing.
CX Codex +1
3,000installs
vgpu skill Guides agents through building WebGPU projects with vgpu, relying on local bundled docs, WGSL workflows, and Blender asset pipelines.
CX Codex +1
1,600installs
display-glasses-with-jetpack-compose-glimmer skill Guidelines for building projected Android XR apps on display glasses with Jetpack Compose Glimmer: theming, focus and additive display behaviour.
CX Codex +1
1,500installs
remocn skill Finds and installs ready-made animations, transitions and UI parts for Remotion videos. Use it when assembling scenes from existing components.
CX Codex +1
1,700installs
html-wireframe skill Builds low-fidelity, self-contained HTML wireframes so you can test information hierarchy, navigation and task flow before any visual design happens.
CX Codex +1
1,800installs
html-prototype skill A skill that builds one self-contained HTML file: a static mockup or a working prototype with states, keyboard support and responsive layout. It exists to test an interface decision before code.
CX Codex +1
1,800installs
microinteractions skill A skill for designing microinteractions: trigger states, button feedback, loading indicators. Useful when the interface feels dead and nobody can say why.
CX Codex +1
6,700installs
router-core skill Entry skill for TanStack Router that points a task at the right sub-skill and pins the type-inference and client-first rules agents keep breaking.
CX Codex +1
589installs
guide skill Guides es-toolkit installation, import paths, and setup across Node.js, Bun, Deno, and browsers.
CX Codex +1
518installs
wp-interactivity-api skill Guides AI agents through WordPress Interactivity API implementation and debugging. Helps configure directives, connect script modules, and eliminate hydration mismatches.
CX Codex +1
4,200installs
generative-ui skill Provides design system rules and templates for interactive HTML and SVG widgets. Useful when you need charts, diagrams, or calculators instead of plain text.
CX Codex +1
3,200installs
design-artifact skill Directs AI coding assistants to design clean HTML deliverables with thoughtful type and tokens instead of generic machine aesthetics.
CX Codex +1
1,700installs
reka-ui skill A skill for working with Reka UI, a library of unstyled Vue 3 components with full accessibility support. Use it when building interfaces from scratch or working with Nuxt UI and shadcn-vue.
CX Codex +1
7,400installs
561–600 of 2,909
