NeVibeCode · 2,909 items
Skills for Frontend and UI
Skills for Frontend and UI: what each one does, an install command and example prompts.
cookie-debugging skill Skill for inspecting cookies, sessions, and authentication errors via Chrome DevTools MCP. Diagnoses 401/403, auth redirects, Set-Cookie issues, and verifies cookie consent compliance.
CX Codex +1
870installs
extract-design skill This skill analyzes a website URL and generates files describing its design system. Use it to bring a site's colors, typography, and component patterns into a project.
CX Codex +1
2,900installs
ffmpeg skill Production-ready FFmpeg recipes for video resizing, compression, audio extraction, and asset preparation for Remotion.
CX Codex +1
11,700installs
remotion skill Teaches AI agents toolkit-specific Remotion patterns, including custom transition shaders and 30 fps video rules.
CX Codex +1
1,200installs
react-native skill This skill turns JSON specs into native React Native mobile UIs. Use it when screens need state bindings, conditional visibility, and actions.
CX Codex +1
3,200installs
uizze-ui skill Guides the agent through layout fixes, typography adjustments, and UI state handling. Helpful when improving component hierarchy using existing project tokens.
CX Codex +1
144,000installs
ui skill This skill builds and refines production interfaces with a clear visual direction and screenshot-based checks. Use it for pages, components, and typography.
CX Codex +1
4,300installs
material-ui-tailwind skill This skill explains how to combine Material UI with Tailwind CSS, handle CSS layer order, pass utility classes to components, and work with Tailwind v3.
CX Codex +1
365installs
frontend-design skill Teaches the agent to create memorable interfaces instead of generic layouts: picks an aesthetic direction, checks accessibility, writes clean code.
CX Codex +1
2,600installs
design-guide skill This skill defines Paperclip rules for UI components, tokens, typography, and status systems. Use it when building or changing frontend pages.
CX Codex +1
366installs
hairline-create skill Generates interactive isometric line figures using the Hairline engine and outputs them as self-contained HTML files.
CX Codex +1
5,200installs
fullstack-dev skill Guides full-stack backend architecture and frontend integration. It enforces a structured checklist from requirement gathering to verification smoke tests.
CX Codex +1
3,400installs
lottie-bodymovin skill Applies Disney's 12 animation principles to Lottie vector animations. Bridges After Effects setup with runtime JavaScript controls.
CX Codex +1
1,100installs
visual-style skill Creates, extracts, and ports portable design systems in visual-style.md files. It standardizes color roles, typefaces, and layout rules for videos, slides, or UI components.
CX Codex +1
1,100installs
remotion-best-practices skill This skill gives coding agents Remotion guidance for React projects, from animation and audio to compositions and video parameters. Use it while building or editing Remotion code.
CX Codex +1
1,500installs
paseo-plugin skill Builds and manages local Paseo plugins with UI panels, slash commands, lifecycle hooks, and daemon RPCs.
CX Codex +1
1,400installs
gpui-kit skill This skill guides AI coding assistants in building Rust desktop apps with the gpui-kit crate. Use it to implement UI components, manage state, handle focus, and write tests.
CX Codex +1
1,000installs
frontend-dev skill Orchestrates frontend development, motion design, AI-generated media, and conversion copy. Built for landing pages, marketing sites, and dashboards.
CX Codex +1
3,200installs
audit-website skill Runs squirrel CLI audits against a website, pinpoints SEO, performance, and security issues, and applies fixes directly to source code.
CX Codex +1
73,900installs
inspector-docs skill Keeps CopilotKit documentation aligned with shipped Inspector overlay panes. Use it when adding, editing, or deleting tabs in @copilotkit/web-inspector.
CX Codex +1
1,100installs
native-sdk skill Teaches coding agents to scaffold and build native desktop apps using Native SDK. Recommended when writing declarative .native markup and AOT-compiled TypeScript.
CX Codex +1
1,500installs
senior-fullstack skill This skill guides implementation of features spanning interface, backend, database and deployment. It verifies coherence from request through authorization to data access and response handling.
CX Codex +1
2,300installs
javascript-pro skill Skill for writing, debugging, and refactoring JavaScript code with ES2023+, async/await, ESM modules, and Node.js APIs. Use it to build vanilla JavaScript applications or optimize performance in browsers and Node.js.
CX Codex +1
6,100installs
gpui-kit-design-guides skill Supplies normative desktop interface rules for GPUI Kit applications. Useful when creating new screens, styling components, or auditing UI against review checklists.
CX Codex +1
987installs
threejs-textures skill Skill for working with Three.js textures: image loading, UV coordinates, cubemaps, HDR environments and optimization. Use when building 3D scenes with materials, skyboxes and reflection maps.
CX Codex +1
1,000installs
threejs-interaction skill Ready-made patterns for Three.js user input, raycasting, and camera controls. Helps add object picking and touch detection to 3D scenes.
CX Codex +1
1,100installs
threejs-geometry skill Reference collection for creating Three.js meshes and custom geometry. Helpful when constructing procedural buffers, extruded shapes, and standard 3D primitives.
CX Codex +1
1,100installs
threejs-postprocessing skill This skill helps an agent add Three.js post-processing such as glow, blur, depth of field, and screen effects. Use it when building a scene’s visual pipeline.
CX Codex +1
1,100installs
threejs-loaders skill A skill for Three.js asset loading: GLTF models, textures, HDR environments, and progress tracking via LoadingManager. Use it to add 3D scenes or import Blender models into your project.
CX Codex +1
1,100installs
threejs-materials skill Reference for Three.js materials: PBR, basic, phong, custom shaders. Helps you pick the right material for a mesh, configure textures, and optimize rendering.
CX Codex +1
1,100installs
threejs-animation skill This skill helps an agent build Three.js motion with keyframes, bones, morph targets, and clip blending. Use it for procedural motion or GLTF playback.
CX Codex +1
1,100installs
threejs-lighting skill Reference guide for configuring lights and shadows in Three.js scenes. Useful when placing light sources, tuning shadow maps, or fixing render artifacts.
CX Codex +1
1,100installs
threejs-fundamentals skill A skill for building Three.js scenes, setting up cameras and renderers, and working with Object3D hierarchies and transforms.
CX Codex +1
1,100installs
threejs-shaders skill This skill helps write Three.js shaders, change vertices, and build custom fragment effects. Use it when built-in materials are not enough.
CX Codex +1
1,100installs
sketch skill Generates 2-3 HTML mockup variants to compare design directions before you commit to production code.
CX Codex +1
403installs
better-icons skill Searches over 200 icon sets through Iconify and pulls SVG files directly into project directories from the terminal.
CX Codex +1
5,900installs
unit-test-vue-pinia
official skill Writes and reviews unit tests for Vue 3, TypeScript, Vitest and Pinia code. Useful when your tests reach into component internals instead of behavior.
1,800installs
nextjs-developer skill Configures Next.js 14+ application architecture using App Router, React Server Components, and Server Actions. Useful when setting up SSR streaming, SEO metadata, and Vercel deployments.
CX Codex +1
5,800installs
logo-generator skill Generates SVG logos with at least six design variants and creates high-end showcase images using 12 professional background styles via Gemini API.
CX Codex +1
3,900installs
superdesign skill Create and refine interfaces, presentations, and graphics on the Superdesign canvas. Useful for drafting new layouts or comparing results from different models.
CX Codex +1
11,200installs
401–440 of 2,909
