Skip to main content
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.

661 items
export-download-debugging nexu-io 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 sickn33 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 expo 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 SHL0MS, Hermes Agent 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 Leonxlnx 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 nexu-io 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 nexu-io 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 nexu-io 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 nexu-io 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 Angular Team @ Google 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 reactjs 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 alpic-ai 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 leonardomso 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 ChromeDevTools 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 Manavarya09 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 digitalsamba 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 calesthio 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 vercel-labs 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 UIZZE 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 tw93 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 mui 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 sickn33 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 paperclipai 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 lucasmarkes 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 MiniMax-AI 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 calesthio 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 vercel-labs 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 getpaseo 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 longbridge 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 MiniMax-AI 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 squirrelscan 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 CopilotKit 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 vercel-labs 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 sickn33 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 Seth Hobson 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 https://github.com/Jeffallan 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 longbridge 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 calesthio 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 calesthio 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 calesthio 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

More in NeVibeCode

Project sponsors

Companies that keep this analytics open
Gold sponsor

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor