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

662 items
build-zoom-contact-center-app official anthropics skill Reference skill for Zoom Contact Center architecture. It guides integrations across desktop client apps, web embeds, and native iOS or Android SDKs. Claude Code CX Codex Cursor +1 2,100installs build-zoom-virtual-agent official anthropics skill Reference skill for Zoom Virtual Agent development: web embeds, mobile wrappers, knowledge-base sync and chat lifecycle. Use after routing to a virtual-agent workflow. Claude Code CX Codex Cursor +1 2,100installs build-zoom-video-sdk-app official anthropics skill Reference skill for Zoom Video SDK — builds custom video apps with full UI control, no default Zoom interface. Claude Code CX Codex Cursor +1 2,100installs build-zoom-meeting-sdk-app official anthropics skill Reference skill for embedding Zoom Meeting SDK across web and mobile applications. Guides client embeds and backend auth flows. Claude Code CX Codex Cursor +1 2,100installs impeccable-design-polish nexu-io skill Polishes existing HTML pages by removing generic AI styling cues, fixing mobile layout bugs, and tightening accessibility. Claude Code CX Codex Cursor +1 2,500installs threejs-shaders CloudAI-X skill Guides the agent through writing GLSL shaders, custom materials, and TSL nodes for Three.js r186 across WebGL and WebGPU. Claude Code CX Codex Cursor +1 15,400installs create-adaptable-composable github.com/vuejs-ai skill Skill for writing reusable Vue composables that accept values, refs, or getters and work the same way in all cases. Use it when you need a library-grade composable that adapts to different input types. Claude Code CX Codex Cursor +1 13,700installs material-ui-theming mui skill Skill for building and managing Material UI themes: palettes, color schemes, CSS variables, light/dark switching, and TypeScript augmentation. Use it when designing your app's visual system or implementing theme customization. Claude Code CX Codex Cursor +1 604installs vue-testing-best-practices github.com/vuejs-ai skill Skill offering Vue 3 testing patterns and best practices. It helps configure Vitest and write blackbox component tests without brittle assertions. Claude Code CX Codex Cursor +1 13,600installs zoom-apps-sdk official anthropics skill Reference skill for the Zoom Apps SDK. Gives your agent the API surface for web apps running inside Zoom meetings, webinars, the main client, and Zoom Phone. Claude Code CX Codex Cursor +1 2,000installs antislop-ui miqdadbadjuber skill A UI and visual skill for reviewing color, layout, components, and motion. Use it when building or editing a website, web app, or other interface. Claude Code CX Codex Cursor +1 6,300installs weread-year-in-review-video-template nexu-io skill Creates a vertical 9:16 HTML video for WeRead-style annual reading reports: stats, notes, keywords, and a reading persona card. Claude Code CX Codex Cursor +1 2,400installs chrome-extensions GoogleChrome skill Guides building and publishing Chrome Extensions using Manifest V3 standards. It sets concrete rules for service workers, side panels, and store reviews. Claude Code CX Codex Cursor +1 10,800installs react-native-testing callstack skill Skill for writing and reviewing React Native component tests with Testing Library. Covers queries, user interactions, async patterns, and supports v13 (React 18) and v14 (React 19+). Claude Code CX Codex Cursor +1 5,300installs threejs-geometry CloudAI-X skill Teaches your coding agent how to build standard geometries, generate 3D text, and construct custom vertex buffers in three.js. Claude Code CX Codex Cursor +1 14,400installs expo-project-structure expo skill Sets up a starter folder layout for a new Expo Router project. Helps place routes, screen bodies, and server files where they belong. Claude Code CX Codex Cursor +1 21,700installs emilkowalski-motion nexu-io skill Adds micro-interactions, state transitions and motion to an existing interface. Use it after the layout or component is already built. Claude Code CX Codex Cursor +1 2,300installs threejs-interaction CloudAI-X skill Teaches your agent how to set up raycasting, camera controls, and object dragging in three.js for WebGL and WebGPU. Claude Code CX Codex Cursor +1 14,100installs antislop-human miqdadbadjuber skill An accessibility skill for AI agents that checks UI contrast, keyboard focus, and control states. Ships with a WCAG AA contrast checker script. Claude Code CX Codex Cursor +1 5,800installs expo-dom expo skill Runs web code in a webview on native platforms and renders as-is on web. Lets you use web libraries like recharts or react-syntax-highlighter in Expo without rewriting. Claude Code CX Codex Cursor +1 20,800installs antislop-layoutmobile miqdadbadjuber skill A skill for responsive layouts across phone and desktop widths. It checks breakpoints, reflow, grids, overflow, sizing, tap targets, and navigation. Claude Code CX Codex Cursor +1 5,700installs threejs-postprocessing CloudAI-X skill A skill that adds post-processing pass chains to Three.js: bloom, depth of field, ambient occlusion, and custom screen shaders. Use it when you need visual effects, color grading, or blur on WebGL and WebGPU. Claude Code CX Codex Cursor +1 13,500installs streamdown vercel skill Renders Markdown in React components with streaming support for AI agents, Shiki syntax highlighting, Mermaid diagrams, and KaTeX math rendering. Claude Code CX Codex Cursor +1 3,200installs threejs-lighting CloudAI-X skill Three.js r186 lighting skill for WebGL and WebGPU. It guides physical light units, cascaded shadow maps, and RectAreaLight setup. Claude Code CX Codex Cursor +1 13,100installs vue-options-api-best-practices github.com/vuejs-ai skill Guidance for Vue 3 Options API components, covering TypeScript, method context, and lifecycle hook pitfalls. Useful when reviewing or writing Options API code. Claude Code CX Codex Cursor +1 11,600installs conversion-tracking coreyhaines31 skill Sets up, audits, and fixes web conversion tracking across ad platforms and analytics. It diagnoses missing events, double counting, and data discrepancies for lead gen and ecommerce. Claude Code CX Codex Cursor +1 2,400installs expo-app-clip expo skill Adds an iOS App Clip target to Expo projects — a lightweight app invoked from a URL without App Store installation. Claude Code CX Codex Cursor +1 19,600installs expo-web-to-native expo skill Guides an existing React web app into a native iOS/Android app with Expo. Use it for a staged screen-by-screen migration. Claude Code CX Codex Cursor +1 19,500installs claude-design BadTechBandit skill Skill for building HTML artifacts — landing pages, prototypes, decks — in Claude Code, Codex and Cursor. Reads project context and produces a self-contained file with markup and styles. Claude Code CX Codex Cursor +1 645installs threejs-loaders CloudAI-X skill Teaches your AI agent to load glTF models, textures, and HDR maps in three.js r186. Useful when wiring loading progress, color spaces, or WebGPU environments. Claude Code CX Codex Cursor +1 12,700installs threejs-textures CloudAI-X skill Guides texture loading, color spaces, and transforms for Three.js r186. Useful when building 3D materials with WebGL or WebGPU. Claude Code CX Codex Cursor +1 12,400installs uncodixfy cyxzdev skill Teaches the agent to skip the default Codex aesthetic: soft gradients, floating panels, decorative copy. Use it when generated frontend looks too much like a template. Claude Code CX Codex Cursor +1 5,600installs ui-ux-pro-max AThevon skill Generates design systems, palettes, and typography pairs across 22 stacks using a local rule dataset. Helps with UI scaffolding and accessibility checks. Claude Code CX Codex Cursor +1 947installs building-components vercel skill Guidance for accessible UI components, composable APIs, design tokens, documentation, and package distribution. Claude Code CX Codex Cursor +1 14,700installs create-design-md ibelick skill Creates or updates a DESIGN.md file from a code repository or website. It gives coding agents persistent UI context without altering application source code. Claude Code CX Codex Cursor +1 4,400installs debugging-streamlit streamlit skill Runs Streamlit full-stack debugging with hot-reload, dedicated session logs, and Playwright UI screenshot helpers for testing frontend and backend changes. Claude Code CX Codex Cursor +1 493installs design-dna zanwei skill Extracts design tokens, style and visual effects from references, then applies the profile to a design. Use it with screenshots, images, URLs or Design DNA JSON. Claude Code CX Codex Cursor +1 6,500installs image-to-code nexu-io skill A skill for visually important web tasks. It generates design images first, analyzes them, then builds frontend to match the references. Claude Code CX Codex Cursor +1 1,800installs gpt-taste nexu-io skill Enforces strict frontend design rules: prevents multi-line hero titles, fixes empty bento grid cells, and adds advanced GSAP scroll physics. Claude Code CX Codex Cursor +1 1,800installs redesign-existing-projects nexu-io skill Audits an existing interface and updates a website or app without changing its working product structure. Use it when the UI feels generic or lacks visual hierarchy. Claude Code CX Codex Cursor +1 1,800installs

321–360 of 662

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