Frontend Development Plugins
124 frontend development Claude plugins for Claude Code and AI agents, ranked by real installs from npm, PyPI and skills.sh.
#Type
- 1claude-codeClaude Code is an agentic coding tool that lives in your terminal, understands your codebase, and helps you code faster by executing routine tasks, explaining complex code, and handling git workflows - all through natural language commands.Jul 2026
- 2open-design🎨 The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export.Jul 2026
- 3frontend-slidesCreate beautiful slides on the web using a coding agent's frontend skillsJun 2026
- 4ag-uiAG-UI: the Agent-User Interaction Protocol. Bring Agents into Frontend Applications.Jul 2026
- 5gsap-skillsOfficial GSAP skills for Claude, Cursor, and other AI agents — animations, timelines, ScrollTrigger, plugins, utilities, React, and performanceApr 2026
- 6vue-skillsA collection of skills for Vue.js development.May 2026
- 7skillsA collection of skills for Vue.js development.May 2026
- 8web-quality-skillsAgent Skills for optimizing web projects against Google Lighthouse, Core Web Vitals, WCAG 2.2, and modern SEO — performance, accessibility, SEO, and best practices.Jun 2026
- 9effective-htmlAgent skill for elegant and simple html plans, architecture diagrams, or whatever else you can think of.Jul 2026
- 10cavekitCavekit — compressed spec-driven dev. Full loop (grill → spec → research → review → build) over one SPEC.md file: three core commands + four reach-for. Caveman encoding. Bug-to-spec backprop.Jun 2026
- 11claude-skillsWorkflow skills for Claude Code — each produces tangible outputJul 2026
- 12makepad-skillsComprehensive Makepad, Robius, and MolyKit skills for Claude CodeApr 2026
- 13compose-skillCompose and Compose Multiplatform expert skill — state, animations, navigation, performance, design-to-code, PR review mode, M3 motion.Jul 2026
- 14claude-skillsFull RampStack catalog of website-lifecycle skills across research, brand, build, and audit.Jul 2026
- 15claude-code-bmad-skillsBMAD Method skills for Claude Code - Auto-detection, Memory integration, Slash commands. Transform Claude Code into a BMAD-powered development environment.Jun 2026
- 16web-asset-generatorGenerate favicons, app icons, and social media images from logos, text, or emojis. Supports emoji suggestions, validation, and framework auto-integration.Jan 2026
- 17revealjs-skillCreate polished, professional reveal.js presentations with themes, multi-column layouts, callout boxes, code highlighting, animations, speaker notes, and custom styling. Generates HTML + CSS with no build step required.May 2026
- 18skillsAgent Skills for VueUseMay 2026
- 19vueuse-skillsAgent Skills for VueUseMay 2026
- 20pixijs-skillsOfficial PixiJS skills for Claude, Cursor, and other AI agents — Application setup, scene graph, sprites, graphics, text, filters, custom rendering, performance, and v7-to-v8 migrationJun 2026
- 21mcp-server-tauriA Model Context Protocol (MCP) server and plugin for Tauri v2 developmentJul 2026
- 22unicliClaude Code plugin for controlling Unity Editor via UniCli CLIJul 2026
- 23app-itA Claude Code + Codex skill that turns a local project into a macOS Dock-launchable app — native window, its own icon, no Electron. [The Windows version is in BETA]Jul 2026
- 24ultracontextOpen Source Context infrastructure for AI agents. Auto-capture and share your agents' context everywhere.Jun 2026
- 25claude-skillsProduction-ready skills for Claude Code CLI - Cloudflare, React, Tailwind v4, and AI integrationsJul 2026
- 26domscribeDomscribe is a pixel-to-code development tool that maps running UI elements to their exact source locations, capturing runtime context (props, state, DOM) for handoff to coding agents via MCP.Jun 2026
- 27vue-ecosystem-skillsAI agent skills for the Vue ecosystem, generated from real package sources.May 2026
- 28react-pdf-skillClaude Code skills by molefrogFeb 2026
- 29skillsClaude Code skills by molefrogFeb 2026
- 30symfony-ux-skillsAI agent skills for the Symfony UX frontend stack: Stimulus, Turbo, TwigComponent, LiveComponent, Icons, and Map.Jun 2026
- 31vibesosVibes is for people who use Claude Code, but don't know how to code.Jul 2026
- 32hotwire_club-skillsPractical Hotwire skills for Rails developers: Turbo Drive, Turbo Frames, Turbo Streams, and Stimulus patterns sourced from The Hotwire Club articles.May 2026
- 33tech-snacksA skill library for vibe coders that make cool stuffJul 2026
- 34open-dashboardOpen Dashboard — an `add-component` catalogue of 35+ copy-ready admin UI shapes (CRUD, detail, master-detail, kanban, calendar, wizard, billing, RBAC, i18n, …) plus operation skills (scaffold, add-backend, rebrand).Jun 2026
- 35canvas-apps-toolsAI skills for Power Apps Canvas Apps - generate, modify, and integrate.Apr 2026
- 36lsp-skillLSP-based semantic code analysis and navigation skill for AI agentsFeb 2026
- 37wordpress-agent-skillsA collection of agent skills that can be used to create WordPress themes and sitesMar 2026
- 38webflow-skillsOfficial Webflow Agent SkillsJul 2026
- 39cesiumjs-skillsClaude Code plugin for CesiumJS domain skills and browser-based iteration via Chrome DevTools.Jul 2026
- 40vibecadA library of Claude Code skills for teaching coding agents how to use various CAD toolsJan 2026
- 41motiscopeRecreate any web animation from a screen recording. Drop a video of an animation you like, motiscope measures its timing and curates keyframes, and your agent rebuilds it as GSAP, CSS, Framer Motion, or Lottie code. Works in Claude Code, Codex, and Cursor.Jul 2026
- 42pywryPyWry is a cross-platform app factory, rendering engine and UI toolkit for Python that produces native desktop, web, and notebook experiences from a single API.Jul 2026
- 43svelte-skills-kit🦀 Claude Code Skills for Svelte and SvelteKitApr 2026
- 44anvilIDE for parallel agent work. Create worktrees in one click. Share plans between agents. Execute with parallelism + isolation.Mar 2026
- 45agentsIntegrate Sketch with your workflows. Includes the Sketch MCP server and skills to explore and organize documents, generate code from designs, create designs from code, and more.Jun 2026
- 46cometchat-skillsCometChat AI-coding skills — add real-time chat, voice/video calls, and AI features to any React, Next.js, React Router, Astro, React Native, Angular, native Android, native iOS, or Flutter project via your AI coding agent.Jun 2026
- 47web-dev-skillsDDD-driven development skills, sub-agents and workflow commands for Rust, React, miniapp, and Flutter projectsJul 2026
- 48weppy-roblox-mcpRoblox Studio MCP server & plugin for Claude Code, Cursor, Codex, and Gemini. AI-powered scripts, terrain, assets, lighting, and bidirectional project sync.Jul 2026
- 49divi5-toolkitThe first Claude Code plugin for Divi 5 development. CSS generation, compatibility validation, error learning, and self-updating knowledge base — powered by Claude, not GPT-3.5.Jun 2026
- 50claude-pluginsClaude Code plugins for development workflowsJul 2026
- 51wigtn-pluginsAI-native Vibe Coding — From idea to Deploy, Zero friction. Unified plugin with 13 agents, 5 commands, 6 skills, team-based parallel build, 20 design styles.Jul 2026
- 52wp-block-theme-converterConvert any HTML/CSS/JavaScript project into a production-ready WordPress Block Theme (Full Site Editing): theme.json v3, block patterns, FSE templates, the Interactivity API, and optional WooCommerce support.May 2026
- 53unity-cliClaude Code plugin to integrate unity-cli into Unity development workflowsJun 2026
- 54flowbite-mcpMCP server to convert Figma designs to Flowbite UI components in Tailwind CSSJan 2026
- 55agent-skills-wordpress35 specialised WordPress skills covering page-builder migrations (12 paths including Divi to Gutenberg, Elementor to Bricks, WPBakery to Gutenberg), site audits (technical debt, mobile experience, WooCommerce health), content workflows (internal linking, content portability,…Jul 2026
- 56claude-code-pluginsMWGuerra Claude Code MarketplaceApr 2026
- 57unity-mcp-serverClaude Code skills for Unity MCP Server. Provides workflow-oriented guidance for C# editing, Scene/GameObject management, PlayMode testing, and Asset management using 108+ Unity automation tools.Jul 2026
- 58claude-code-frontend-devAutomatic closed-loop frontend development with visual testing, browser automation, and iterative refinement using multimodal AIJan 2026
- 59skillsAgent skills for SendmuxJul 2026
- 60slidev-skillsComprehensive Claude Code skills for creating stunning presentations with SlidevJan 2026
- 61skillsCollection of Claude Code plugins for enhanced development workflows.Jul 2026
- 62phpstorm-claude-marketplacePhpStorm plugin for advanced IDE integrationJul 2026
- 63better-godot-mcpComprehensive Godot Engine integration — 17 tools for game developmentJul 2026
- 64viberavenVibeRaven Studio and architecture/production-context skills for AI-built apps.Jul 2026
- 65tanstack-skillsUNOFFICIAL Claude Code TanStack SkillsJan 2026
- 66vibeflowSpec-driven development for AI agents. Define what to build, let the agent build it right. Claude Code · Cursor · Copilot.Jun 2026
- 67claude-configsReusable Claude Code plugin configurations for streamlining development workflows across projectsMay 2026
- 68claude-modsCustom commands, skills, agents, rules, hooks, and output styles for Claude Code - session continuity and modern CLI tooling for real-world development workflowsJul 2026
- 69hypervibe-harnessBootstrap a full-stack T3 project (Next.js + tRPC + Drizzle + Tailwind + shadcn/ui) with modular addons for database, auth, payments, email, storage, i18n, analytics, domain, and SEO. Deploys to Vercel with GitHub integration.Jul 2026
- 70publishing-astro-websites-agentic-skillComprehensive guidance for building and deploying static websites with the Astro frameworkJan 2026
- 71claude-skill-vue-developmentModern Vue 3 development with TypeScript, Composition API, defineModel bindings, Testing Library for user-behavior tests, and MSW for API mockingNov 2025
- 72lumiUnified native desktop UI for Claude Code, Gemini CLI, Hermes, Crush, Codex, and Cursor — multi-agent, MCP-native, written in Rust + GPUI.May 2026
- 73cursor-plugin-ccUse Cursor CLI from Claude Code to delegate coding tasks to Composer 2.5+ and other Cursor models.Jul 2026
- 74ai-instructDrop-in skills for Claude Code covering the domains developers Google when shipping a website: AWS deployment, Google Analytics 4, SEO/LLMO, web accessibility, and Core Web Vitals.May 2026
- 75skillsAgent Skills for development with Encore.May 2026
- 76claude-config-editorVisual Config Editor for Claude Code - Drag & Drop Hook Pipeline, Agent Workflow, Skill/Rule EditorMar 2026
- 77skillsMy collection of Claude Code Agents & Skills for web and iOS DevelopmentJul 2026
- 78openui-forgeBuild generative UI with OpenUI — any LLM provider, any backend language. Scaffold, integrate, validate.Jun 2026
- 79claude-software-skills48 modular software development skills for Claude Code - from architecture to deploymentJan 2026
- 80cinematic-scroll-skillBuild cinematic, scroll-driven websites — pinned chapter reveals, multi-depth parallax, 3D tilt, environment-morphing backgrounds, and full release/launch pages. The motion grammar is the skill; the aesthetic is always the user's.Jul 2026
- 81unity-coding-skillsSkills and subagents for developing Unity projects with Claude Code — maintainable test design and implementation, test-first workflow, coding guidelines, scene editing, and more.Jul 2026
- 82fluxwing-skillsAI-native UX design system using uxscii standard - create, validate, and compose UI designs through natural languageNov 2025
- 83clone-teamClone any website with a team of AI agents — pixel-perfect UI clone plus reverse-engineered architecture docs. Built on Claude Code's dynamic Workflow engine with an unskippable test gate; fully pausable and resumable.Jun 2026
- 84tui-design-skillClaude Skill for building clean, professional terminal UIs & CLIs — covers Bubble Tea, Ratatui, Textual, and Ink across Go, Rust, Python, and TypeScriptJul 2026
- 85ts-dev-kit15 specialized agents and 22 skills for TypeScript fullstack development with Fastify, Next.js, PostgreSQL, Redis, and more.Feb 2026
- 86phaser4-gamedevComprehensive Phaser 4 game development toolkit — 16 skills, 6 commands, 9 archetypes, GDD generation, project analysis, scene creation, game objects, physics, debugging, and v3 migrationMay 2026
- 87typemux-ccPython type-checker LSP multiplexer for Claude Code (pyright, ty, pyrefly)Jul 2026
- 88pretext-skillAI skill for @chenglou/pretext — exact text metrics without DOM reflowsJul 2026
- 89techneeringTechneering — open-source spec-driven development workflow + execution discipline + frontend design skills for Claude CodeJun 2026
- 90tailwind-best-practicesStop your AI agent from generating Tailwind CSS v3 code. 20+ rules for v4 syntax, CSS-first config, modern utility patterns, and common anti-patterns agents produce.Feb 2026
- 91code-senseiIn-context coding tutor for Claude Code. Learn from your real project with explanations, quizzes, diagnostics, and belt-based progression — locally and privately.Jun 2026
- 92sveltekit-best-practicesSvelteKit and Svelte 5 done right. Runes ($state, $derived, $effect), load functions, form actions, SSR patterns, and modern Svelte your AI agent should follow.Feb 2026
- 93claude-skillsA broad collection of 45+ Claude Code skills spanning development, design, marketing, AI, security, and infrastructure. See cdd.dev/skills.Jul 2026
- 94cadence-skillsclaude code skills for coding workflowJul 2026
- 95claude-pluginVaadin 25 development skills and MCP tools for Claude CodeJun 2026
- 96b12-claude-pluginB12 plugin with two skills: Website Generator (create a B12 website from a brief description) and B12 Website Editor (edit a live B12 website using Claude's browser access in Claude Cowork).May 2026
- 97claude-pluginsplugins for nicer ai-accelerated devMar 2026
- 98react-skillsClaude Code plugin marketplace for React best practicesApr 2026
- 99nextjs-sanity-blog-skillOpinionated, batteries-included spec for adding an SEO-first, i18n-ready blog to a Next.js + Sanity site. Walks 40 intake questions, scans the project, drafts a one-page plan for approval, then implements against a 20-section technical spec with pass/fail checklist.May 2026
- 100tdpilotTDPilot - local-first TouchDesigner AI copilot with 114 MCP tools, truthful pattern-versus-concept routing, complete intent coverage, 15 deterministic visual techniques, transactional execution, live validation, bounded repair, and a 659-card reviewed operator atlas.Jul 2026
