NeVibeCode · 661 items
Frontend and UI: skills, plugins, subagents, slash commands and mcp servers
Frontend and UI for Claude Code, Codex and Cursor: skills, plugins, subagents, slash commands and mcp servers, from popular to niche.
export-download-debugging skill Diagnoses and resolves failed downloads, broken File System Access API calls, and 0 KB file exports in browsers and Electron shells.
Claude Code CX Codex Cursor +1
1,800installs
ui-ux-designer skill This skill supports interface design, user flows, and design systems with research and accessibility checks. Use it for redesigns, prototypes, and interaction reviews.
Claude Code CX Codex Cursor +1
3,100installs
expo-design-system skill Builds and audits a design system in Expo apps by centralizing design tokens, structuring reusable components, and eliminating hardcoded styles.
Claude Code CX Codex Cursor +1
16,500installs
p5js skill Produces p5.js sketches in the browser: generative art, interactive data viz, 3D WebGL scenes, audio-reactive visuals. Exports to PNG, GIF, MP4, or SVG.
Claude Code CX Codex Cursor +1
534installs
minimalist-ui skill Enforces editorial UI design rules with a warm monochrome palette and bento grids. It is opt-in and runs only when invoked by name.
Claude Code CX Codex Cursor +1
304installs
industrial-brutalist-ui skill A skill that locks in a raw mechanical visual style for dashboards, portfolios and editorial sites. Rigid grids, monospaced data type, utilitarian colors and analog degradation effects.
Claude Code CX Codex Cursor +1
1,700installs
design-taste-frontend-v1 skill The original v1 frontend taste skill for clean React and Tailwind CSS output. It keeps strict guardrails for projects that need backward compatibility with early generations.
Claude Code CX Codex Cursor +1
1,700installs
imagegen-frontend-mobile skill Generates premium mobile screen images and flows for iOS, Android, and cross-platform with clean hierarchy, readable text, and controlled palettes.
Claude Code CX Codex Cursor +1
1,700installs
imagegen-frontend-web skill Directs AI to generate section-by-section web design references. It enforces one horizontal image per section instead of squashing the page into one graphic.
Claude Code CX Codex Cursor +1
1,700installs
angular-new-app skill A skill that scaffolds new Angular applications via the Angular CLI. Verifies your setup, generates the project with appropriate flags, and steers you toward Angular best practices.
Claude Code CX Codex Cursor +1
19,200installs
react-expert skill Researches React APIs and internals directly against tests, commits, and pull requests. Useful for writing accurate docs without relying on outdated model memory.
Claude Code CX Codex Cursor +1
1,300installs
chatgpt-app-builder skill Walks through the full lifecycle of a ChatGPT plugin, from idea to directory submission. Use it when building an MCP server with UI for ChatGPT on Skybridge.
Claude Code CX Codex Cursor +1
7,100installs
seo-review skill Runs targeted SEO audits on JavaScript concept guides to optimize search visibility and featured snippets.
Claude Code CX Codex Cursor +1
643installs
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.
Claude Code CX Codex Cursor +1
856installs
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.
Claude Code CX Codex Cursor +1
2,900installs
ffmpeg skill Production-ready FFmpeg recipes for video resizing, compression, audio extraction, and asset preparation for Remotion.
Claude Code CX Codex Cursor +1
11,600installs
remotion skill Teaches AI agents toolkit-specific Remotion patterns, including custom transition shaders and 30 fps video rules.
Claude Code CX Codex Cursor +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.
Claude Code CX Codex Cursor +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.
Claude Code CX Codex Cursor +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.
Claude Code CX Codex Cursor +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.
Claude Code CX Codex Cursor +1
364installs
frontend-design skill Teaches the agent to create memorable interfaces instead of generic layouts: picks an aesthetic direction, checks accessibility, writes clean code.
Claude Code CX Codex Cursor +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.
Claude Code CX Codex Cursor +1
362installs
hairline-create skill Generates interactive isometric line figures using the Hairline engine and outputs them as self-contained HTML files.
Claude Code CX Codex Cursor +1
5,000installs
fullstack-dev skill Guides full-stack backend architecture and frontend integration. It enforces a structured checklist from requirement gathering to verification smoke tests.
Claude Code CX Codex Cursor +1
3,400installs
lottie-bodymovin skill Applies Disney's 12 animation principles to Lottie vector animations. Bridges After Effects setup with runtime JavaScript controls.
Claude Code CX Codex Cursor +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.
Claude Code CX Codex Cursor +1
1,500installs
paseo-plugin skill Builds and manages local Paseo plugins with UI panels, slash commands, lifecycle hooks, and daemon RPCs.
Claude Code CX Codex Cursor +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.
Claude Code CX Codex Cursor +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.
Claude Code CX Codex Cursor +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.
Claude Code CX Codex Cursor +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.
Claude Code CX Codex Cursor +1
1,000installs
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.
Claude Code CX Codex Cursor +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.
Claude Code CX Codex Cursor +1
2,300installs
javascript-pro subagent A subagent for modern JavaScript, async code, and Node.js APIs. Use it to debug event-loop issues, review complex patterns, and plan TypeScript migrations.
Claude Code CX Codex Cursor
4,974installs
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.
Claude Code CX Codex Cursor +1
6,000installs
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.
Claude Code CX Codex Cursor +1
959installs
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.
Claude Code CX Codex Cursor +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.
Claude Code CX Codex Cursor +1
1,000installs
threejs-geometry skill Reference collection for creating Three.js meshes and custom geometry. Helpful when constructing procedural buffers, extruded shapes, and standard 3D primitives.
Claude Code CX Codex Cursor +1
1,000installs
361–400 of 661