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.
react19-source-patterns
official 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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