Frontend and UI: skills, plugins, subagents, slash commands and mcp servers

threejs-game-ui-designer majidmanzarpour skill Skill for designing game UIs in Three.js: HUDs, menus, pause and win screens, responsive layout for mobile and desktop. Prevents overlaps, ensures readability, and keeps UI cohesive with game style. Claude Code CX Codex Cursor +1 3,300installs threejs-gameplay-systems majidmanzarpour skill Scaffolds and tunes playable Three.js browser games with Vite and TypeScript. Helps design core loops, handle input, camera motion, and Rapier physics. Claude Code CX Codex Cursor +1 3,300installs firecrawl-website-design-clone firecrawl skill Extracts a live website's visual system into DESIGN.md: tokens, components, logo, fonts and palette. Claude Code CX Codex Cursor +1 33,100installs threejs-gltf-loading gamedev-skills skill Loads glTF/GLB models into three.js and plays their baked or skinned clips, with patterns for DRACO, Meshopt and KTX2. For the case where the file imports but nothing shows up on screen. Claude Code CX Codex Cursor +1 5,400installs orval orval-labs skill Generates type-safe TypeScript clients, TanStack Query hooks, Zod schemas, and MSW mocks from OpenAPI specs. Claude Code CX Codex Cursor +1 589installs threejs-materials-lighting gamedev-skills skill Picks the right three.js material, adds lights and shadow maps, and wires an HDR environment so a model stops rendering black or flat. Claude Code CX Codex Cursor +1 5,300installs mobile-app-developer VoltAgent Community subagent This subagent helps build iOS and Android apps by working through requirements, architecture, performance, and platform constraints. Claude Code 1,552installs svelte-core-bestpractices sveltejs skill A skill that tells the agent how to write Svelte components with runes: $state, $derived, events, styling. Useful as soon as the agent edits a Svelte project. Claude Code CX Codex Cursor +1 10,700installs top-design wondelai skill Directs AI coding agents to build Awwwards-style web experiences with dramatic typography, orchestrated scroll motion, and a 10-point scoring rubric. Claude Code CX Codex Cursor +1 7,100installs develop jsmastery-pro skill Turns approved specs and AGENTS.md rules into working UI and backend code. Helpful when architectural choices are settled and code generation needs strict guardrails. Claude Code CX Codex Cursor +1 4,400installs router-core TanStack skill Entry skill for TanStack Router that points a task at the right sub-skill and pins the type-inference and client-first rules agents keep breaking. Claude Code CX Codex Cursor +1 587installs reka-ui onmax skill A skill for working with Reka UI, a library of unstyled Vue 3 components with full accessibility support. Use it when building interfaces from scratch or working with Nuxt UI and shadcn-vue. Claude Code CX Codex Cursor +1 7,400installs migrate-nativewind-to-uniwind uni-stack skill A skill that automates migrating React Native projects from NativeWind to Uniwind. It updates configs, removes old packages, rebuilds CSS, and handles all breaking changes. Claude Code CX Codex Cursor +1 2,000installs react-router TanStack skill A skill that teaches your coding agent the React bindings for TanStack Router: hook reference, components, and a file-based routing setup on Vite. Claude Code CX Codex Cursor +1 546installs wpds WordPress skill Feeds WordPress Design System docs to your agent through an MCP server, so UI work lands on real components and tokens instead of guesses. Claude Code CX Codex Cursor +1 4,000installs narrow-react-prop-types humanlayer skill A skill that cuts React component prop types back to the contract your live code actually uses, then makes stories and tests match it instead of weakening it. Claude Code CX Codex Cursor +1 1,200installs tanstack-query-best-practices DeckardGer skill A rule set for TanStack Query in React: query keys, caching, mutations, SSR. Installs into Claude Code, Codex, Cursor or Copilot so data fetching follows one pattern across the repo. Claude Code CX Codex Cursor +1 12,800installs senior-frontend Alireza Rezvani skill This skill supports React and Next.js work, from project scaffolding to bundle checks. Use it when building components, reviewing frontend code, or working on accessibility. Claude Code 1,630installs generate Alireza Rezvani skill The generate skill writes Playwright tests from a user story, URL, component name or feature description. Useful when an e2e scenario needs covering and you would rather not hand-write it. Claude Code 1,624installs senior-fullstack Alireza Rezvani skill Scaffolds Next.js, FastAPI, MERN or Django projects and scores your codebase for quality and security issues. Claude Code 1,390installs nextjs-developer VoltAgent Community subagent Subagent for building full-stack Next.js 14+ apps with App Router. It sets up Server Actions, tunes Core Web Vitals, and handles SEO metadata. Claude Code 898installs senior-qa Alireza Rezvani skill This skill creates unit, integration, and E2E test stubs for React and Next.js. Use it to inspect coverage and set up a testing workflow. Claude Code 1,178installs react-specialist VoltAgent Community subagent A subagent for improving existing React code, from performance and state flow to architecture and tests. Use it when a project needs focused technical changes. Claude Code 815installs ui-design-system Alireza Rezvani skill This skill builds design tokens, component structures, and responsive calculations. Use it when a project needs a consistent UI system or a developer handoff. Claude Code 1,076installs flutter-expert VoltAgent Community subagent Subagent for building Flutter 3+ apps across iOS, Android, and web. It helps design clean architecture, set up state management, and optimize rendering. Claude Code 720installs ux-researcher VoltAgent Community subagent This subagent plans UX research, interprets user behavior, and turns findings into design recommendations. Use it to validate a design decision or investigate user needs. Claude Code 703installs a11y-audit Alireza Rezvani skill Scans web projects for WCAG 2.2 Level A and AA issues, suggests fixes, then checks the result again. Use it before a release or when adding accessibility checks to CI/CD. Claude Code 970installs flutter-expert Seth Hobson subagent Get help with Flutter architecture, UI, testing, and platform integrations. Use it when building or maintaining a Dart app across mobile, web, desktop, or embedded targets. Claude Code CX Codex Cursor 720installs tech-stack-evaluator Alireza Rezvani skill Evaluates frameworks, libraries, and cloud providers with weighted scoring. Calculates five-year TCO and assesses migration risks before project kickoff. Claude Code 904installs vue-expert VoltAgent Community subagent Builds Vue 3 and Nuxt 3 applications, handles Composition API patterns, tunes reactivity, and configures testing suites. Claude Code 577installs code-to-prd Alireza Rezvani skill This skill turns a codebase into a PRD covering pages, routes, APIs, and user actions. Use it when existing behavior needs product-readable documentation. Claude Code 763installs landing-page-generator Alireza Rezvani skill Generates Next.js/React TSX landing pages with Tailwind CSS. Use it for marketing pages, homepages, lead capture pages, or landing-page A/B variants. Claude Code 754installs epic-design Abbas Mir skill A Claude Code skill that builds cinematic pages: scroll storytelling, parallax depth, animated text. No WebGL involved. Claude Code 701installs apple-hig-expert Alireza Rezvani skill Audits iOS, macOS, watchOS, and visionOS interfaces against Apple HIG. Use it to review mockups or design native-feeling Apple UI. Claude Code 662installs saas-scaffolder Alireza Rezvani skill Generates a working SaaS scaffold on Next.js: auth, database schema, Stripe billing, API routes and a dashboard. Useful when you want to start a project without wiring it by hand. Claude Code 630installs angular-architect VoltAgent Community subagent A Claude subagent for Angular 15+ architecture: state management, RxJS patterns, micro-frontends and performance in large codebases. Claude Code 440installs form-cro Alireza Rezvani skill Audits lead, contact, demo, application, survey, quote, and checkout forms. Use it to find friction and plan changes that improve form completion. Claude Code 622installs email-template-builder Alireza Rezvani skill Builds transactional email systems with React Email or MJML, provider integrations and local previews. Use it for new templates, provider migrations or email localization. Claude Code 602installs full-page-screenshot Alireza Rezvani skill Captures an entire web page as one PNG, including content below the fold. Useful for SPAs, lazy-loaded images, and very tall pages. Claude Code 564installs electron-pro VoltAgent Community subagent Subagent for building desktop software on Electron 27+. Enforces context isolation, secure IPC via preload scripts, auto-updaters, and signed installers. Claude Code 376installs