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
react19-source-patterns official github skill A reference for moving React source files to React 19, covering API changes, refs, context, and props. Useful during an existing project upgrade. GitHub Copilot 967installs anti-ui-slop official UIZZE skill This skill guides agents toward product-specific interfaces instead of generic UI. Use it for web or iOS design, implementation, redesign, and pre-ship review. GitHub Copilot 967installs kill-ai-slop yetone skill Finds and removes the generic visual and copy tics that make a site look machine-generated. Use it when a landing page or UI feels templated and needs a human touch. Claude Code CX Codex Cursor +1 3,200installs render-textures phaserjs skill Explains off-screen rendering in Phaser 4, covering RenderTexture game objects, DynamicTexture assets, Stamp helpers, and command buffers. Claude Code CX Codex Cursor +1 767installs physics-matter phaserjs skill Helps AI agents configure Matter.js physics in Phaser 4, including rigid bodies, composite shapes, constraints, and mouse dragging. Claude Code CX Codex Cursor +1 754installs ink vercel-labs skill Builds interactive terminal user interfaces from JSON specs using @json-render/ink. Useful when creating dynamic TUI components or agent-generated layouts. Claude Code CX Codex Cursor +1 1,300installs frontend-ui-dark-ts sickn33 skill Build dark-themed React interfaces with Tailwind CSS and Framer Motion. It guides dashboard, admin panel, and data-dense UI styling. Claude Code CX Codex Cursor +1 1,100installs sign-in-with-google-web official google skill Guides Google Identity Services setup across web projects. It implements secure token handling and IETF authentication patterns. Claude Code Gemini CLI CX Codex 743installs v3-to-v4-migration phaserjs skill Guides migration from Phaser 3 to Phaser 4. Explains renderer architecture changes, unified filters, and tint system updates. Claude Code CX Codex Cursor +1 711installs react-joyride gilbarbara skill Teaches the agent to create step-by-step tours and onboarding flows in React apps using React Joyride v3. Claude Code CX Codex Cursor +1 686installs scroll-craft nateherkai skill A skill that plans and builds a scroll-driven landing page: brief interview, section order, one emotional peak, dimensional hero, screenshot checks. Claude Code CX Codex Cursor +1 1,200installs ce-polish EveryInc skill Refines a working feature through browser feedback: you point out what needs work, the skill edits the code, hot reload shows the result. Claude Code CX Codex Cursor +1 1,100installs react-audit-grep-patterns official github skill Verified grep pattern library for auditing React projects before upgrading to React 18.3.1 or 19. It spots deprecated APIs and syntax breaking changes. GitHub Copilot 854installs swiftui-ui-patterns official OpenAI skill This skill helps build and refactor SwiftUI interfaces, from navigation and state to layouts and controls. Use it for new screens or changes to an existing project. CX Codex GP ChatGPT 114installs svelte vercel-labs skill Guides AI coding agents through building Svelte 5 component trees from json-render specs, including state, events, bindings, and catalogs. Claude Code CX Codex Cursor +1 1,200installs shopify-apps sickn33 skill Patterns for Shopify app development with Remix and React Router. Guides App Bridge setups, Polaris UI components, billing flows, and webhooks. Claude Code CX Codex Cursor +1 1,000installs ui-designer VoltAgent Community subagent Designs visual interfaces, builds component libraries, and creates handoff documentation. Ideal when code needs structured UI states and design tokens. Claude Code 1,979installs web-typography wondelai skill This skill helps you select and configure typefaces for web projects: from choosing a font family to optimizing size, line height, and measure. Use it when you need readable typography or want to find a well-matched font pair. Claude Code CX Codex Cursor +1 9,200installs libraries-dev Jakubantalik skill Selects and integrates Libraries.dev React UI effects for AI interfaces, covering loaders, voice glows, animated borders, and bot avatars. Claude Code CX Codex Cursor +1 991installs wp-block-themes WordPress skill Guides the agent through building WordPress block themes, editing theme.json, and organizing templates. Useful when styles fail to apply in the Site Editor. Claude Code CX Codex Cursor +1 5,800installs godot-ui-control gamedev-skills skill A Claude Code skill that teaches the agent to lay out Godot 4.7 HUDs and menus with Control nodes: anchors, containers, themes and focus. Claude Code CX Codex Cursor +1 6,400installs solid vercel-labs skill Skill to render JSON-specs into reactive SolidJS components. Use it when building UI catalogs, wiring providers, or debugging Solid reactivity patterns. Claude Code CX Codex Cursor +1 1,100installs redux vercel-labs skill A Redux adapter for json-render: it points the renderer at a store slice instead of its own state. Useful when app state already lives in Redux. Claude Code CX Codex Cursor +1 1,100installs shadcn-svelte vercel-labs skill Pre-built definitions and implementations of 36 shadcn components for json-render apps. Built on Svelte 5 and Tailwind CSS. Claude Code CX Codex Cursor +1 1,100installs salesforce-component-standards official github skill Guides Salesforce UI development across LWC, Aura, and Visualforce. Enforces SLDS 2 compliance, accessibility, and platform security. GitHub Copilot 770installs react18-dep-compatibility official github skill Checks minimum dependency versions for React 18.3.1 and React 19. Use it during React upgrades and when resolving peer dependency conflicts. GitHub Copilot 764installs react-19 prowler-cloud skill Skill for React 19 with React Compiler: no manual memoization, server components first, ref as a prop. Claude Code CX Codex Cursor +1 671installs react18-batching-patterns official github skill Diagnoses and fixes React 18 automatic batching bugs in class components. Useful when upgrading from React 17 breaks state assertions or async flows. GitHub Copilot 754installs ui-designer Seth Hobson subagent Designs interfaces, components, and responsive layouts with implementation in mind. Use it when building screens, forms, tables, or a design system. Claude Code CX Codex Cursor 1,979installs svelte-code-writer sveltejs skill Fetches Svelte 5 documentation and analyzes components using autofixer. Useful when authoring or debugging .svelte and .svelte.ts files. Claude Code CX Codex Cursor +1 12,800installs react18-legacy-context official github skill This skill migrates React legacy context to createContext and coordinates the provider with every consumer. Use it for class component context migrations. GitHub Copilot 745installs react18-lifecycle-patterns official github skill Migrates unsafe class component lifecycle methods to React 18.3.1 patterns. Helps prepare legacy code for React 19 before breaking changes arrive. GitHub Copilot 743installs wp-block-development WordPress skill A WordPress skill for Claude Code, Codex and Cursor that walks an agent through Gutenberg block work, from block.json metadata down to deprecations. Claude Code CX Codex Cursor +1 5,500installs react18-string-refs official github skill Guides the move from string refs to React.createRef() in class components. Use it when preparing a project for React 18.3.1 or React 19. GitHub Copilot 741installs react18-enzyme-to-rtl official github skill Provides Enzyme to React Testing Library migration patterns for React 18 upgrades. Useful when rewriting shallow renders, mount calls, and state assertions into user behavior checks. GitHub Copilot 739installs typeui-fundamentals typeui.sh 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. Claude Code CX Codex Cursor +1 2,200installs react-native-brownfield-migration callstackincubator skill Guides incremental React Native or Expo adoption in native iOS and Android apps using @callstack/react-native-brownfield. Claude Code CX Codex Cursor +1 5,200installs ios-hig-design wondelai 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. Claude Code CX Codex Cursor +1 8,100installs tailwind-4 prowler-cloud 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(). Claude Code CX Codex Cursor +1 612installs engineering-skills Alireza Rezvani 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. Claude Code 2,387installs

481–520 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