Frontend Claude Code Plugins
203 plugins for frontend — ranked by real GitHub stars, refreshed continuously, never faked.
# Plugin Stars
1 
copilotkit-plugins CopilotKit/CopilotKit The Frontend Stack for Agents & Generative UI. React, Angular, Mobile, Slack, and more. Makers of the AG-UI Protocol 36k ★ 2 
claude-code-skills alirezarezvani/claude-skills 348 production-ready skill packages for Claude AI across 18 domains: engineering advanced (78, incl. v2.9.0 workflow-builder for… 23k ★ 3 
minimax-skills MiniMax-AI/skills MiniMax AI skills library for frontend, fullstack, mobile, document, presentation, shader, and multimodal media workflows 13k ★ 4 
gsap-skills greensock/gsap-skills Official GSAP skills for Cursor, Claude and other AI agents — core animations, timelines, ScrollTrigger, plugins, utilities, Reac… 12k ★ 5 
tambo-marketplace tambo-ai/tambo Generative UI SDK for React 11k ★ 6 
improve shadcn/improve Use your most capable model to audit your codebase and write plans for cheaper models to execute. 8.6k ★ 7 
diagram-design cathrynlavery/diagram-design Thirteen editorial diagram types for Claude Code. Self-contained HTML + SVG. No shadows, no Mermaid-slop. 2.9k ★ 8 
vue-skills vuejs-ai/skills A collection of skills for Vue.js development. 2.7k ★ 9 
callstack-agent-skills callstackincubator/agent-skills A collection of agent-optimized React Native skills for AI coding assistants. 1.6k ★ 10 
intlayer aymericzip/intlayer Intlayer plugins for Claude Code — LSP-powered i18n intelligence for TypeScript, JavaScript, Vue, and Svelte projects 788 ★ 11 
vueuse-skills vueuse/skills Agent Skills for VueUse 375 ★ 12 piotrski callstackincubator/agent-react-devtools Gives AI agents access to React DevTools ⚛️🤖 234 ★ 13 
medsci-skills Aperivue/medsci-skills Physician-built Claude Code skills for clinical manuscript preparation, with deterministic integrity gates — reporting-guideline… 212 ★ 14 
claude-skills secondsky/claude-skills Production-ready skills for Claude Code CLI - Cloudflare, React, Tailwind v4, and AI integrations 194 ★ 15 
careerhackeralex careerhackeralex/visualize Turn any idea into a beautiful HTML visualization — with one prompt. A Claude Code skill. 179 ★ 16 
claude2figma senlindesign/claude2figma Skills for enforcing Design System compliance in Claude + Figma workflows. Includes preflight checks, style binding, component ru… 178 ★ 17 
vue-ecosystem-skills skilld-dev/vue-ecosystem-skills AI agent skills for the Vue ecosystem, generated from real package sources. 173 ★ 18 
spectrum-design-data adobe/spectrum-design-data Adobe Spectrum design tokens, component schemas, and Spectrum 2 docs for Claude Code. 146 ★ 19 
cppjs bugra9/cpp.js Bind C++ to JavaScript with no extra code. (WebAssembly & React Native) 143 ★ 20 
montage-web wanteddev/montage-web Wanted Lab Design System for Web 90 ★ 21 
nx-plugin-for-aws awslabs/nx-plugin-for-aws The @aws/nx-plugin is a collection of code generators that automate the creation and configuration of cloud-native applications u… 88 ★ 22 
bmad-wds bmad-code-org/bmad-method-wds-expansion BMad Whiteport Design System for Professional UX Designers 78 ★ 23 
deck-factory gongnyang/deck-factory Presentation-grade dark-editorial HTML deck design — as a Claude Code skill. 70 ★ 24 
figma-console-mcp-skills southleft/figma-console-mcp-skills The most powerful Figma Console MCP capabilities, repackaged as Markdown skills for the native Figma MCP server — design tokens,… 64 ★ 25 
everything-game-dev-code MRCalderon3D/everything-game-dev-code A universal scaffold for AI-assisted game development. 42 agents, 51 commands, 86 skills. Multi-engine (Unity, Unreal, Godot, HTM… 59 ★ 26 
ultimate-seo-geo mykpono/ultimate-seo-geo SEO + GEO audits for AI coding agents: health scores, technical checks, Schema.org, E-E-A-T, AI search visibility. 35 scripts; HT… 59 ★ 27 
design-farmer hakilee/design-farmer Agent skill that turns design system quality from "best effort" into a repeatable engineering workflow. 58 ★ 28 
cometchat cometchat/cometchat-skills CometChat AI-coding skills — add real-time chat, voice/video calls, and AI features to any React, Next.js, React Router, Astro, R… 56 ★ 29 
giorris-skills cris-achiardi/claude-skills Curated Claude Code skills for design systems, development workflows, and AI-assisted ideation 56 ★ 30 
serendie serendie/serendie Adaptive UI component library as part of Serendie Design System by Mitsubishi Electric 54 ★ 31 
deckify seacen/deckify deckify — turn any brand's website into a complete Design System and a verified HTML slide deck. Built for AI agents, exported as… 52 ★ 32 
vovk finom/vovk 🐺 Back-end Framework for Next.js App Router. One codebase → type-safe clients, OpenAPI, and AI tools 52 ★ 33 
agricidaniel-gogh AgriciDaniel/gogh Gogh is a source-cited Obsidian operating brain that turns six frontend design skills into one advisable stack for AI coding agen… 46 ★ 34 
divi5-local cjsimon2/Divi5-ToolKit The first Claude Code plugin for Divi 5 development. CSS generation, compatibility validation, error learning, and self-updating… 46 ★ 35 
mfe-skills lucamezzalira/mfe-skills Micro-frontend boundary governance skills for AI coding agents 46 ★ 36 
wd-marketplace Para-FR/wd-framework Official marketplace for Web Development plugins - React, Next.js, Vue, TypeScript and more 39 ★ 37 
architecture-diagram-skill konraddzbik/architecture-diagram-skill Build click-through, animated system architecture diagrams as a single HTML file. Drop it into a workshop, design review, or onbo… 35 ★ 38 
maigent maigentic/stratarts 27 FREE Professional and Comprehensive Business Strategy Skills for Claude Code; with intelligent context chaining, skill iterati… 33 ★ 39 
midnight-expert devrelaicom/midnight-expert AI agent plugins for the Midnight data-protection blockchain. Covers Compact smart contract development, privacy-preserving patte… 29 ★ 40 
jr-rails-skills julianrubisch/skills Rails coding skills: classic style, Phlex components, app scaffolder, Mac bootstrap 27 ★ 41 
neciudan.dev Cst2989/react-tips-skill React patterns and anti-patterns from the Daily React newsletter 27 ★ 42 
vue-development-marketplace alexanderop/claude-skill-vue-development Vue 3 development skills and best practices for TypeScript-first modern Vue applications 27 ★ 43 
claude-code-marketplaces open-deep-crew/marketplace Team-level Claude Code plugin marketplace with atomic component reuse 26 ★ 44 
memi sarveshsea/memi Claude Code plugins for memi design-system memory, MCP tooling, shadcn/ui workflows, and UI quality gates. 26 ★ 45 
ui-design-system-marketplace apexscaleai/claude-ui-design-system Complete UI/UX design system for React Native & Next.js - Claude Code skills for greenfield and brownfield projects 26 ★ 46 
shadcnblocks-marketplace masonjames/Shadcnblocks-Skill Give Claude Code expert knowledge of 2,500+ shadcn/ui blocks and components. This skill lets Claude intelligently select, install… 22 ★ 47 
aptos-agent-skills aptos-labs/aptos-agent-skills AI skills for building secure, modern Aptos dApps — Move contracts, TypeScript SDK, and frontend integration for Claude Code, Cur… 19 ★ 48 
specialist-agent HerbertJulio/specialist-agent Your AI development team — 27+ agents and 21 skills that build, review, debug, and ship production code. Works with Claude Code,… 18 ★ 49 
keynot-marketplace shawnzam/keynot A Claude Code skill that turns any prompt into a polished, self-contained HTML slide deck — no Keynote or PowerPoint required. 15 ★ 50 
shadcn-skills mattbx/shadcn-skills Skills for building better shadcn/ui applications. Includes component discovery (search 1,500+ existing components before buildin… 13 ★ 51 
superpowers-sage-marketplace hekivo/superpowers-sage Sage + Acorn + Lando superpowers for Claude Code — ACF Composer, Livewire, Eloquent, Routes, Middleware, Queues, and modern WordP… 13 ★ 52 
animated-sketch-diagram OLDyade/animated-sketch-diagram Claude Code skill: hand-drawn animated architecture diagrams — ink on beige paper, flowing dots, one self-contained HTML, seamles… 10 ★ 53 
stitch-to-nextjs yshaish1/stitch-to-nextjs Pixel-perfect Google Stitch designs to Next.js + Tailwind components - Claude Code skill 10 ★ 54 
llm-gtd mikonos/LLM-GTD GTD (Getting Things Done) skill for Claude Code, Cursor & Codex — one Markdown trusted system, three platform front-ends. AI auto… 9 ★ 55 
svelte-skills fubits1/svelte-skills Claude Code plugin marketplace for Svelte developers — agent discipline, frontend workflows, Svelte development, and Svelte 5 mig… 9 ★ 56 
design-engineering AgentsORG/design-engineering A skill graph for design engineering: animation, transitions, taste, typography, color, components, anti-patterns. 8 ★ 57 
ai-frontend-design-kit kkunkunya/ai-frontend-design-kit AI-first frontend design toolkit — 10 skills for Claude Code and Codex covering the full 7-stage design flow. 7 ★ 58 
ht-ml nsmith/html The official marketplace for the ht-ml.app HTML-publishing Agent Skill. 7 ★ 59 
kim-skills hubvue/skills Kim's skills 6 ★ 60 
codeapps-toolkit Ramakrishnan24689/codeapps-toolkit The CodeApps Toolkit is a Claude Code plugin that provides specialized agents, sub-agents for workflow automation, and code gener… 5 ★ 61 
qijenchen-ds ajenchen/design-system qijenchen Design System marketplace — distribute DS governance plugin to product workspaces 5 ★ 62 
react-native-upgrader-mkt WebartDesign/react-native-upgrader Development marketplace for React Native Upgrade Assistant 5 ★ 63 
webdev-agent-kit ytvee-dev/webdev-agent-kit A cross-platform frontend kit for Codex, Claude Code, Cursor, OpenCode, etc. It helps AI coding agents work predictably and safel… 5 ★ 64 
biotope biocypher/biotope The repository for creating a command line integration for biocypher software components 4 ★ 65 
complete-ui-ux-css-marketplace EhssanAtassi/ui-marketplace Complete UI/UX/CSS Marketplace for Claude Code - 29 specialized agents covering entire CSS roadmap with searchable skills and int… 4 ★ 66 
frontend-design-md Cozythecoder/frontend-design-md Unified design skill: 60+ design systems, cinematic scroll animations, data visualization, and SVG creation. 4 ★ 67 
impeccable az9713/impeccable-tutorial Fork of pbakaus/impeccable — AI frontend design skill with extended documentation 4 ★ 68 
kv-ui-elements kiva/kv-ui-elements Design definitions and components for Kiva's style guide 4 ★ 69 
nanoapps jasonwells/nanoapps MCP Apps made simple with Bun — self-contained nanoapps with single-file HTML UIs 4 ★ 70 
pragmatic-growth pragmaticgrowth/flywheel Skills-first Claude Code plugins from Pragmatic Growth: flywheel for autonomous goal queues, html-artifacts for rich browser deli… 4 ★ 71 
thrashr888-agent-kit thrashr888/thrashr888-agent-kit Development workflows, release automation, and best practices for Rust, Python, Next.js, and Swift projects 4 ★ 72 
vue-core-local wisemen-digital/wisemen-core Local marketplace for plugins shipped by this repo's own npm dependencies 4 ★ 73 
cc-enslaver skymanbp/cc-enslaver A Claude Code plugin and LLM-agnostic rule pack that enforces systematic thinking, verified citations, and root-cause analysis —… 3 ★ 74 
glaze edbizarro/glaze Glaze — content into themed HTML artifacts. 3 ★ 75 
kairoz-ui sujal7103/kairoz Kairoz — a design system for AI and agent interfaces. 180+ framework-agnostic tokens, 50+ component classes, and multi-surface pa… 3 ★ 76 
metedata-design-tools metedata/design-crit Structured design critique plugin for Claude Code. Generates HTML wireframe artifacts for iterative, side-by-side review. 3 ★ 77 
mobile-design-kit-marketplace trmquang93/mobile-design-kit Claude Code plugin: design mobile app screens as HTML mockups + export icons as Xcode asset catalogs 3 ★ 78 
ngautopilot janpereira-dev/ngAutoPilot NgAutoPilot Claude Code plugin marketplace for core workflow, Angular, JavaScript, TypeScript, CSS, and quality guidance. 3 ★ 79 
pluginagentmarketplace-system-design pluginagentmarketplace/custom-plugin-system-design System design plugin for architecture patterns and best practices 3 ★ 80 
tokextract conorluddy/tokextract Tokextract — reverse-engineer a SwiftUI app's design system into DTCG tokens, DESIGN.md, and an audit report. 3 ★ 81 
claude-skills evolv3ai/claude-skills-archive Production-ready skills for Claude Code CLI - Cloudflare, React, Tailwind v4, and AI integrations 2 ★ 82 
dev-utils-marketplace AojdevStudio/dev-utils-marketplace Modular development utilities for Claude Code - now with granular component packages (commands, agents, hooks) 2 ★ 83 
e22-plugins element22llc/e22-plugins Org-wide engineering standards for Claude Code. Ships steer (always-on operating rules + spec-workflow skills and templates) and… 2 ★ 84 
epub-visualizer th0rz05/epub-visualizer Turn a technical .epub into a self-contained visual study-site — one concept-complete, cross-linked HTML page per book section. A… 2 ★ 85 
frontend-skills rungchan2/frontend-skills AI Native Engineer를 위한 프론트엔드 개발 생산성 스킬 모음 2 ★ 86 
frontloop-dev tamal-thetaonelab/frontloop Frontend development plugins for Claude Code. 2 ★ 87 
metaforge-marketplace LeonardoTan19/metaforge Full-stack development methodology plugin — scaffolding, backend schema, typed API generation, and frontend pages with Strapi + R… 2 ★ 88 
minimax-skills hgxszhj-pixel/MiniMax-AI-skills MiniMax AI skills library for frontend, fullstack, mobile, document, presentation, shader, and multimodal media workflows 2 ★ 89 
nojs-skill no-js-dev/nojs-skill Expert-level knowledge of the No.JS HTML-first reactive framework for Claude Code 2 ★ 90 pluginagentmarketplace-ux-design pluginagentmarketplace/custom-plugin-ux-design UX design plugin with user research methods and design system patterns 2 ★ 91 
rinch joeleaver/rinch A reactive, cross-platform GUI for Rust 2 ★ 92 
agent-skills anaghkanungo7/agent-skills Expert-level skills for AI coding assistants: SVG optimization, SEO, and React performance patterns 1 ★ 93 
ai-skill-tamagui guillempuche/ai-skill-tamagui Universal React + React Native UI library with optimizing compiler. Use when building cross-platform apps with shared styling, de… 1 ★ 94 
chipi-pay-skills chipi-pay/skills Chipi Pay — self-custody StarkNet wallets, stablecoin payments, x402 pay-per-request APIs, session keys with spending policies, A… 1 ★ 95 
claude ibytechaos/claude ibytechaos 精品集 — 聚合 everything-claude-code、superpowers、frontend-slides、chrome-cdp、context7、claude-hud、gitnexus、ui-ux-pro-max 等顶级开… 1 ★ 96 
claude-code-doctor yhyuk/claude-code-doctor Claude Code 설정 진단 및 맞춤 추천 도구 — CLAUDE.md, settings, skills, agents를 분석하여 시각적 HTML 리포트를 생성합니다 1 ★ 97 
claude-frontforge thiagoedson/claude-frontforge Plugin/integração para Claude Cloud focada em geração de front-end (UI, componentes e scaffolding) a partir de prompts 1 ★ 98 
claude-team-toolkit tuannv14/claude-team-toolkit Team-ready Claude Code skill pack with 15 multi-account integrations for Rails + React Native + e-commerce 1 ★ 99 
delightful-claude-plugin kylesnav/delightful-claude-plugin Delightful Design System plugin for Claude Code — skills, agents, and exportable tokens 1 ★ 100 
developer-hasm developer-hasm/claude-code-dashboard Local web dashboard for Claude Code — monitor rate limits, manage agents/skills/hooks/MCP servers, browse session history with co… 1 ★
copilotkit-plugins CopilotKit/CopilotKit The Frontend Stack for Agents & Generative UI. React, Angular, Mobile, Slack, and more. Makers of the AG-UI Protocol 36k ★ 2 claude-code-skills alirezarezvani/claude-skills 348 production-ready skill packages for Claude AI across 18 domains: engineering advanced (78, incl. v2.9.0 workflow-builder for… 23k ★ 3 minimax-skills MiniMax-AI/skills MiniMax AI skills library for frontend, fullstack, mobile, document, presentation, shader, and multimodal media workflows 13k ★ 4 gsap-skills greensock/gsap-skills Official GSAP skills for Cursor, Claude and other AI agents — core animations, timelines, ScrollTrigger, plugins, utilities, Reac… 12k ★ 5 tambo-marketplace tambo-ai/tambo Generative UI SDK for React 11k ★ 6 improve shadcn/improve Use your most capable model to audit your codebase and write plans for cheaper models to execute. 8.6k ★ 7 diagram-design cathrynlavery/diagram-design Thirteen editorial diagram types for Claude Code. Self-contained HTML + SVG. No shadows, no Mermaid-slop. 2.9k ★ 8 vue-skills vuejs-ai/skills A collection of skills for Vue.js development. 2.7k ★ 9 callstack-agent-skills callstackincubator/agent-skills A collection of agent-optimized React Native skills for AI coding assistants. 1.6k ★ 10 intlayer aymericzip/intlayer Intlayer plugins for Claude Code — LSP-powered i18n intelligence for TypeScript, JavaScript, Vue, and Svelte projects 788 ★ 11 vueuse-skills vueuse/skills Agent Skills for VueUse 375 ★ 12 piotrski callstackincubator/agent-react-devtools Gives AI agents access to React DevTools ⚛️🤖 234 ★ 13 medsci-skills Aperivue/medsci-skills Physician-built Claude Code skills for clinical manuscript preparation, with deterministic integrity gates — reporting-guideline… 212 ★ 14 claude-skills secondsky/claude-skills Production-ready skills for Claude Code CLI - Cloudflare, React, Tailwind v4, and AI integrations 194 ★ 15 careerhackeralex careerhackeralex/visualize Turn any idea into a beautiful HTML visualization — with one prompt. A Claude Code skill. 179 ★ 16 claude2figma senlindesign/claude2figma Skills for enforcing Design System compliance in Claude + Figma workflows. Includes preflight checks, style binding, component ru… 178 ★ 17 vue-ecosystem-skills skilld-dev/vue-ecosystem-skills AI agent skills for the Vue ecosystem, generated from real package sources. 173 ★ 18 spectrum-design-data adobe/spectrum-design-data Adobe Spectrum design tokens, component schemas, and Spectrum 2 docs for Claude Code. 146 ★ 19 cppjs bugra9/cpp.js Bind C++ to JavaScript with no extra code. (WebAssembly & React Native) 143 ★ 20 montage-web wanteddev/montage-web Wanted Lab Design System for Web 90 ★ 21 nx-plugin-for-aws awslabs/nx-plugin-for-aws The @aws/nx-plugin is a collection of code generators that automate the creation and configuration of cloud-native applications u… 88 ★ 22 bmad-wds bmad-code-org/bmad-method-wds-expansion BMad Whiteport Design System for Professional UX Designers 78 ★ 23 deck-factory gongnyang/deck-factory Presentation-grade dark-editorial HTML deck design — as a Claude Code skill. 70 ★ 24 figma-console-mcp-skills southleft/figma-console-mcp-skills The most powerful Figma Console MCP capabilities, repackaged as Markdown skills for the native Figma MCP server — design tokens,… 64 ★ 25 everything-game-dev-code MRCalderon3D/everything-game-dev-code A universal scaffold for AI-assisted game development. 42 agents, 51 commands, 86 skills. Multi-engine (Unity, Unreal, Godot, HTM… 59 ★ 26 ultimate-seo-geo mykpono/ultimate-seo-geo SEO + GEO audits for AI coding agents: health scores, technical checks, Schema.org, E-E-A-T, AI search visibility. 35 scripts; HT… 59 ★ 27 design-farmer hakilee/design-farmer Agent skill that turns design system quality from "best effort" into a repeatable engineering workflow. 58 ★ 28 cometchat cometchat/cometchat-skills CometChat AI-coding skills — add real-time chat, voice/video calls, and AI features to any React, Next.js, React Router, Astro, R… 56 ★ 29 giorris-skills cris-achiardi/claude-skills Curated Claude Code skills for design systems, development workflows, and AI-assisted ideation 56 ★ 30 serendie serendie/serendie Adaptive UI component library as part of Serendie Design System by Mitsubishi Electric 54 ★ 31 deckify seacen/deckify deckify — turn any brand's website into a complete Design System and a verified HTML slide deck. Built for AI agents, exported as… 52 ★ 32 vovk finom/vovk 🐺 Back-end Framework for Next.js App Router. One codebase → type-safe clients, OpenAPI, and AI tools 52 ★ 33 agricidaniel-gogh AgriciDaniel/gogh Gogh is a source-cited Obsidian operating brain that turns six frontend design skills into one advisable stack for AI coding agen… 46 ★ 34 divi5-local cjsimon2/Divi5-ToolKit The first Claude Code plugin for Divi 5 development. CSS generation, compatibility validation, error learning, and self-updating… 46 ★ 35 mfe-skills lucamezzalira/mfe-skills Micro-frontend boundary governance skills for AI coding agents 46 ★ 36 wd-marketplace Para-FR/wd-framework Official marketplace for Web Development plugins - React, Next.js, Vue, TypeScript and more 39 ★ 37 architecture-diagram-skill konraddzbik/architecture-diagram-skill Build click-through, animated system architecture diagrams as a single HTML file. Drop it into a workshop, design review, or onbo… 35 ★ 38 maigent maigentic/stratarts 27 FREE Professional and Comprehensive Business Strategy Skills for Claude Code; with intelligent context chaining, skill iterati… 33 ★ 39 midnight-expert devrelaicom/midnight-expert AI agent plugins for the Midnight data-protection blockchain. Covers Compact smart contract development, privacy-preserving patte… 29 ★ 40 jr-rails-skills julianrubisch/skills Rails coding skills: classic style, Phlex components, app scaffolder, Mac bootstrap 27 ★ 41 neciudan.dev Cst2989/react-tips-skill React patterns and anti-patterns from the Daily React newsletter 27 ★ 42 vue-development-marketplace alexanderop/claude-skill-vue-development Vue 3 development skills and best practices for TypeScript-first modern Vue applications 27 ★ 43 claude-code-marketplaces open-deep-crew/marketplace Team-level Claude Code plugin marketplace with atomic component reuse 26 ★ 44 memi sarveshsea/memi Claude Code plugins for memi design-system memory, MCP tooling, shadcn/ui workflows, and UI quality gates. 26 ★ 45 ui-design-system-marketplace apexscaleai/claude-ui-design-system Complete UI/UX design system for React Native & Next.js - Claude Code skills for greenfield and brownfield projects 26 ★ 46 shadcnblocks-marketplace masonjames/Shadcnblocks-Skill Give Claude Code expert knowledge of 2,500+ shadcn/ui blocks and components. This skill lets Claude intelligently select, install… 22 ★ 47 aptos-agent-skills aptos-labs/aptos-agent-skills AI skills for building secure, modern Aptos dApps — Move contracts, TypeScript SDK, and frontend integration for Claude Code, Cur… 19 ★ 48 specialist-agent HerbertJulio/specialist-agent Your AI development team — 27+ agents and 21 skills that build, review, debug, and ship production code. Works with Claude Code,… 18 ★ 49 keynot-marketplace shawnzam/keynot A Claude Code skill that turns any prompt into a polished, self-contained HTML slide deck — no Keynote or PowerPoint required. 15 ★ 50 shadcn-skills mattbx/shadcn-skills Skills for building better shadcn/ui applications. Includes component discovery (search 1,500+ existing components before buildin… 13 ★ 51 superpowers-sage-marketplace hekivo/superpowers-sage Sage + Acorn + Lando superpowers for Claude Code — ACF Composer, Livewire, Eloquent, Routes, Middleware, Queues, and modern WordP… 13 ★ 52 animated-sketch-diagram OLDyade/animated-sketch-diagram Claude Code skill: hand-drawn animated architecture diagrams — ink on beige paper, flowing dots, one self-contained HTML, seamles… 10 ★ 53 stitch-to-nextjs yshaish1/stitch-to-nextjs Pixel-perfect Google Stitch designs to Next.js + Tailwind components - Claude Code skill 10 ★ 54 llm-gtd mikonos/LLM-GTD GTD (Getting Things Done) skill for Claude Code, Cursor & Codex — one Markdown trusted system, three platform front-ends. AI auto… 9 ★ 55 svelte-skills fubits1/svelte-skills Claude Code plugin marketplace for Svelte developers — agent discipline, frontend workflows, Svelte development, and Svelte 5 mig… 9 ★ 56 design-engineering AgentsORG/design-engineering A skill graph for design engineering: animation, transitions, taste, typography, color, components, anti-patterns. 8 ★ 57 ai-frontend-design-kit kkunkunya/ai-frontend-design-kit AI-first frontend design toolkit — 10 skills for Claude Code and Codex covering the full 7-stage design flow. 7 ★ 58 ht-ml nsmith/html The official marketplace for the ht-ml.app HTML-publishing Agent Skill. 7 ★ 59 kim-skills hubvue/skills Kim's skills 6 ★ 60 codeapps-toolkit Ramakrishnan24689/codeapps-toolkit The CodeApps Toolkit is a Claude Code plugin that provides specialized agents, sub-agents for workflow automation, and code gener… 5 ★ 61 qijenchen-ds ajenchen/design-system qijenchen Design System marketplace — distribute DS governance plugin to product workspaces 5 ★ 62 react-native-upgrader-mkt WebartDesign/react-native-upgrader Development marketplace for React Native Upgrade Assistant 5 ★ 63 webdev-agent-kit ytvee-dev/webdev-agent-kit A cross-platform frontend kit for Codex, Claude Code, Cursor, OpenCode, etc. It helps AI coding agents work predictably and safel… 5 ★ 64 biotope biocypher/biotope The repository for creating a command line integration for biocypher software components 4 ★ 65 complete-ui-ux-css-marketplace EhssanAtassi/ui-marketplace Complete UI/UX/CSS Marketplace for Claude Code - 29 specialized agents covering entire CSS roadmap with searchable skills and int… 4 ★ 66 frontend-design-md Cozythecoder/frontend-design-md Unified design skill: 60+ design systems, cinematic scroll animations, data visualization, and SVG creation. 4 ★ 67 impeccable az9713/impeccable-tutorial Fork of pbakaus/impeccable — AI frontend design skill with extended documentation 4 ★ 68 kv-ui-elements kiva/kv-ui-elements Design definitions and components for Kiva's style guide 4 ★ 69 nanoapps jasonwells/nanoapps MCP Apps made simple with Bun — self-contained nanoapps with single-file HTML UIs 4 ★ 70 pragmatic-growth pragmaticgrowth/flywheel Skills-first Claude Code plugins from Pragmatic Growth: flywheel for autonomous goal queues, html-artifacts for rich browser deli… 4 ★ 71 thrashr888-agent-kit thrashr888/thrashr888-agent-kit Development workflows, release automation, and best practices for Rust, Python, Next.js, and Swift projects 4 ★ 72 vue-core-local wisemen-digital/wisemen-core Local marketplace for plugins shipped by this repo's own npm dependencies 4 ★ 73 cc-enslaver skymanbp/cc-enslaver A Claude Code plugin and LLM-agnostic rule pack that enforces systematic thinking, verified citations, and root-cause analysis —… 3 ★ 74 glaze edbizarro/glaze Glaze — content into themed HTML artifacts. 3 ★ 75 kairoz-ui sujal7103/kairoz Kairoz — a design system for AI and agent interfaces. 180+ framework-agnostic tokens, 50+ component classes, and multi-surface pa… 3 ★ 76 metedata-design-tools metedata/design-crit Structured design critique plugin for Claude Code. Generates HTML wireframe artifacts for iterative, side-by-side review. 3 ★ 77 mobile-design-kit-marketplace trmquang93/mobile-design-kit Claude Code plugin: design mobile app screens as HTML mockups + export icons as Xcode asset catalogs 3 ★ 78 ngautopilot janpereira-dev/ngAutoPilot NgAutoPilot Claude Code plugin marketplace for core workflow, Angular, JavaScript, TypeScript, CSS, and quality guidance. 3 ★ 79 pluginagentmarketplace-system-design pluginagentmarketplace/custom-plugin-system-design System design plugin for architecture patterns and best practices 3 ★ 80 tokextract conorluddy/tokextract Tokextract — reverse-engineer a SwiftUI app's design system into DTCG tokens, DESIGN.md, and an audit report. 3 ★ 81 claude-skills evolv3ai/claude-skills-archive Production-ready skills for Claude Code CLI - Cloudflare, React, Tailwind v4, and AI integrations 2 ★ 82 dev-utils-marketplace AojdevStudio/dev-utils-marketplace Modular development utilities for Claude Code - now with granular component packages (commands, agents, hooks) 2 ★ 83 e22-plugins element22llc/e22-plugins Org-wide engineering standards for Claude Code. Ships steer (always-on operating rules + spec-workflow skills and templates) and… 2 ★ 84 epub-visualizer th0rz05/epub-visualizer Turn a technical .epub into a self-contained visual study-site — one concept-complete, cross-linked HTML page per book section. A… 2 ★ 85 frontend-skills rungchan2/frontend-skills AI Native Engineer를 위한 프론트엔드 개발 생산성 스킬 모음 2 ★ 86 frontloop-dev tamal-thetaonelab/frontloop Frontend development plugins for Claude Code. 2 ★ 87 metaforge-marketplace LeonardoTan19/metaforge Full-stack development methodology plugin — scaffolding, backend schema, typed API generation, and frontend pages with Strapi + R… 2 ★ 88 minimax-skills hgxszhj-pixel/MiniMax-AI-skills MiniMax AI skills library for frontend, fullstack, mobile, document, presentation, shader, and multimodal media workflows 2 ★ 89 nojs-skill no-js-dev/nojs-skill Expert-level knowledge of the No.JS HTML-first reactive framework for Claude Code 2 ★ 90 pluginagentmarketplace-ux-design pluginagentmarketplace/custom-plugin-ux-design UX design plugin with user research methods and design system patterns 2 ★ 91 rinch joeleaver/rinch A reactive, cross-platform GUI for Rust 2 ★ 92 agent-skills anaghkanungo7/agent-skills Expert-level skills for AI coding assistants: SVG optimization, SEO, and React performance patterns 1 ★ 93 ai-skill-tamagui guillempuche/ai-skill-tamagui Universal React + React Native UI library with optimizing compiler. Use when building cross-platform apps with shared styling, de… 1 ★ 94 chipi-pay-skills chipi-pay/skills Chipi Pay — self-custody StarkNet wallets, stablecoin payments, x402 pay-per-request APIs, session keys with spending policies, A… 1 ★ 95 claude ibytechaos/claude ibytechaos 精品集 — 聚合 everything-claude-code、superpowers、frontend-slides、chrome-cdp、context7、claude-hud、gitnexus、ui-ux-pro-max 等顶级开… 1 ★ 96 claude-code-doctor yhyuk/claude-code-doctor Claude Code 설정 진단 및 맞춤 추천 도구 — CLAUDE.md, settings, skills, agents를 분석하여 시각적 HTML 리포트를 생성합니다 1 ★ 97 claude-frontforge thiagoedson/claude-frontforge Plugin/integração para Claude Cloud focada em geração de front-end (UI, componentes e scaffolding) a partir de prompts 1 ★ 98 claude-team-toolkit tuannv14/claude-team-toolkit Team-ready Claude Code skill pack with 15 multi-account integrations for Rails + React Native + e-commerce 1 ★ 99 delightful-claude-plugin kylesnav/delightful-claude-plugin Delightful Design System plugin for Claude Code — skills, agents, and exportable tokens 1 ★ 100 developer-hasm developer-hasm/claude-code-dashboard Local web dashboard for Claude Code — monitor rate limits, manage agents/skills/hooks/MCP servers, browse session history with co… 1 ★ Showing the top 100 of 203 — browse and filter all claude code plugins.
The best new frontend plugins, weekly
One email every week with the tools worth your time — plus Agentic Toolbelt: 100 Worth Stealing free when you join.
Frequently asked questions
What are the best frontend plugins for coding agents?
Ranked by GitHub stars, the current top frontend plugins are: copilotkit-plugins (36k ★), claude-code-skills (23k ★), minimax-skills (13k ★), gsap-skills (12k ★), tambo-marketplace (11k ★).
How do I install a frontend plugin?
In Claude Code, add the marketplace with `/plugin marketplace add <owner>/<repo>`, then install with `/plugin install <name>`. Each plugin page shows its exact commands.
How many frontend plugins are listed here?
203 frontend plugins are currently tracked, with metrics (stars, downloads, last-update dates) sourced from GitHub and package registries and refreshed continuously.