Skip to content

Claude Code shadcn/ui plugins and skills

Flowy lists 77 plugins for shadcn/ui work in Claude Code. Each one bundles skills a Claude Code agent can load while you work. Every listing shows what is inside before you install, who built it, and whether it is Auto-invoked, meaning a FLOW.md router fires the right skill as you prompt instead of leaving them dormant.

anthropics-skills
Auto-invokedPlugin

anthropics-skills

Skills are folders of instructions, scripts, and resources that Claude loads dynamically to improve performance on specialized tasks.

19 skills
@anthropics@anthropicsView Plugin
awesome-llm-apps
Plugin

awesome-llm-apps

100+ open-source AI agents, agent skills, and RAG apps. Hand-built, tested end-to-end, Apache-2.0. Clone it, ship it, sell it - 100% free and open-source Works with Claude, Gemini, GPT, DeepSeek, Llama, Qwen and other open-source models.

@shubhamsaboo@shubhamsabooView Plugin
ui-ux-pro-max
Plugin

ui-ux-pro-max

🇮🇩 Bahasa Indonesia | 🇰🇷 한국어 | 🇻🇳 Tiếng Việt | 🇨🇳 简体中文 | 🇺🇸 English An AI skill that provides design intelligence for building professional UI/UX across multiple platforms and frameworks.

7 skills
@nextlevelbuilder@nextlevelbuilderView Plugin
shadcn-ui-ui
Plugin

shadcn-ui-ui

A set of beautifully designed components that you can customize, extend, and build on. Start here then make it your own. Open Source. Open Code. Use this to build your own component library.

2 skills
@shadcn-ui@shadcn-uiView Plugin
open-design
Auto-invokedPlugin

open-design

🎨 Best DeepSeek Harness Design Plugin. 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. 🤖 Claude Code / Codex / Cursor / DeepSeek Harness / OpenCode & 20+ CLIs via BYOK.

164 skills
@nexu-io@nexu-ioView Plugin
reactive-resume
Plugin

reactive-resume

A one-of-a-kind resume builder that keeps your privacy in mind. Completely secure, customizable, portable, open-source and free forever. Try it out today!

1 skill
@amruthpillai@amruthpillaiView Plugin
ai-website-cloner-template
Plugin

ai-website-cloner-temp…

Clone any website with one command using AI coding agents

@jcodesmore@jcodesmoreView Plugin
magicui
Plugin

magicui

UI Library for Design Engineers. Animated components and effects you can copy and paste into your apps. Free. Open Source.

1 skill
@magicuidesign@magicuidesignView Plugin
json-render
Plugin

json-render

The Generative UI framework. Generate dynamic, personalized UIs from prompts without sacrificing reliability. Predefined components and actions for safe, predictable output.

31 skills
@vercel-labs-2@vercel-labs-2View Plugin
gpui-kit
Plugin

gpui-kit

Rust GUI components for building fantastic cross-platform desktop application by using GPUI.

2 skills
@longbridge@longbridgeView Plugin
coss
Plugin

coss

coss.com/ui is the official design system of Cal.com

2 skills
@cosscom@cosscomView Plugin
shadcn-vue
Plugin

shadcn-vue

A set of beautifully designed components that you can customize, extend, and build on. Start here then make it your own. Open Source. Open Code. Use this to build your own component library.

1 skill
@unovue@unovueView Plugin
improve
Plugin

improve

An agent skill that audits any codebase and writes implementation plans for other agents to execute.

1 skill
@shadcn@shadcnView Plugin
shadcn-svelte
Plugin

shadcn-svelte

shadcn/ui, but for Svelte. ✨

1 skill
@huntabyte@huntabyteView Plugin
stitch-skills
Plugin

stitch-skills

A collection of agent skills and plugins for Google Stitch, following the Agent Skills open standard. Compatible with coding agents such as Codex, Antigravity, Gemini CLI, Claude Code, Cursor, and OpenCode (manual install).

16 skills
@google-labs-code@google-labs-codeView Plugin
app-store-screenshots
Plugin

app-store-screenshots

A skill for AI coding agents that scaffolds a production-ready Next.js editor for App Store and Google Play marketing screenshots.

1 skill
@parthjadhav@parthjadhavView Plugin
claudable
Plugin

claudable

Claudable is an open-source web builder that leverages local CLI agents, such as Claude Code, Codex, Gemini CLI, Qwen Code, and Cursor Agent, to build and deploy products effortlessly.

@opactorai@opactoraiView Plugin
observal
Plugin

observal

Observal is self-hosted registry for your coding agent extensions with a built in insight engine. Setup Observal, define the scope and share your Skills, MCPs and Agents with your peers.

6 skills
@observal@observalView Plugin
awesome-design-skills
Plugin

awesome-design-skills

A curated registry of 67 design system skill files for AI-powered agentic tools like Claude Code, Cursor, Codex, and others. Pull any skill into your project with a single command.

67 skills
@bergside@bergsideView Plugin
flutter-shadcn-ui
Plugin

flutter-shadcn-ui

Shadcn UI ported in Flutter. Awesome UI components for Flutter, fully customizable.

1 skill
@nank1ro@nank1roView Plugin
ai-elements
Plugin

ai-elements

AI Elements is a component library built on top of shadcn/ui to help you build AI-native applications faster.

1 skill
@vercel@vercelView Plugin
data-table-filters
Plugin

data-table-filters

Data tables for React and shadcn/ui: faceted filters, sorting, infinite scroll, and a row detail sheet. Installed as source with the shadcn CLI, so the code is yours to change.

1 skill
@openstatushq@openstatushqView Plugin
skybridge
Plugin

skybridge

The full-stack React framework for MCP Apps and MCP Servers. Documentation · Quickstart · Examples

3 skills
@alpic-ai@alpic-aiView Plugin
8bitcn-ui
Plugin

8bitcn-ui

Accessible retro components that you can copy and paste into your apps.Free. Open Source. Built on shadcn/ui. Documentation · Components · Blocks · Themes · Discord

23 skills
@theorcdev@theorcdevView Plugin
typeui
Plugin

typeui

TypeUI is an AI-first platform where you can use design skills, UI prompts, and other resources to enhance AI capabilities to generate better user interfaces and design when building websites and applications.

2 skills
@bergside@bergsideView Plugin
hope-agent
Plugin

hope-agent

🦭 会记忆、能持续推进目标、会动态编排多 Agent 的跨端桌面 AI 助手,也可服务化常驻 NAS / 云端 | A cross-device desktop AI agent with memory, autonomous goals, dynamic workflows, and headless deployment

30 skills
@shiwenwen@shiwenwenView Plugin
ux-ui-agent-skills
Plugin

ux-ui-agent-skills

Turn Claude into a senior design architect: DTCG tokens, 50 components, WCAG 2.2 AA-AAA, 138 design systems, any-framework code, and 43 objective gates that fail the build instead of faking success.

19 skills
@plugin87@plugin87View Plugin
jean
Plugin

jean

A desktop AI assistant for managing multiple projects, worktrees, and chat sessions with Claude CLI, Codex CLI, Cursor CLI, OpenCode, PI, Command Code, Grok, and Kimi Code.

@coollabsio@coollabsioView Plugin
chorus
Plugin

chorus

The Agent Harness for AI-Human Collaboration, inspired by the AI-DLC (AI-Driven Development Lifecycle)

42 skills
@chorus-aidlc@chorus-aidlcView Plugin
moizibnyousaf-ai-agent-skills
Plugin

moizibnyousaf-ai-agent…

Universal skill installer and package manager for AI coding agents. One command, 12+ runtimes. npx ai-agent-skills

18 skills
@moizibnyousaf@moizibnyousafView Plugin
jezweb-skills
Plugin

jezweb-skills

Production workflow skills for Claude Code. Each skill guides Claude through a recipe to produce tangible output — scaffolded projects, generated assets, professional documents, deployed services. Ten plugins of practical, production-oriented skills.

63 skills
@jezweb@jezwebView Plugin
auteur
Plugin

auteur

The Claude Code skill that directs a website like a film. Commit-sheet, generated assets, build, and an executable anti-slop linter that gates every ship.

1 skill
@agiwhitelist@agiwhitelistView Plugin
open-agent-hub
Plugin

open-agent-hub

A lightweight, zero-dependency CLI tool to manage and activate capabilities for AI coding assistants (such as Claude Code, Cursor, Trae, etc.).

103 skills
@guanyang@guanyangView Plugin
styleseed
Plugin

styleseed

Open-source design-method engine for Claude Code, Codex & Cursor. 23 agent skills for fixed design judgment, multiple grammars, semantic palettes, reference compilation, and evidence-verified UI. MIT.

24 skills
@bitjaru@bitjaruView Plugin
my-skills
Plugin

my-skills

Claude Code를 위한 커스텀 스킬 모음입니다. 개발 생산성을 높이기 위한 다양한 자동화 스킬들을 제공합니다.

20 skills
@bear2u@bear2uView Plugin
shieldcn
Plugin

shieldcn

Beautiful README badges, inspired by shields.io and styled like shadcn/ui.

1 skill
@jal-co@jal-coView Plugin
smithery-cli
Plugin

smithery-cli

Smithery CLI connects your agents to thousands of skills and MCP servers directly from the command line. To get started, simply run npx skills add smithery/cli.

2 skills
@smithery-ai@smithery-aiView Plugin
componentsbuild
Plugin

componentsbuild

An open-source standard for building modern, composable, and accessible UI components.

1 skill
@vercel@vercelView Plugin
tool-ui
Plugin

tool-ui

UI components for AI interfaces

1 skill
@assistant-ui@assistant-uiView Plugin
ccmate
Plugin

ccmate

A modern desktop application for managing Claude Code configuration files

1 skill
@djyde@djydeView Plugin
openteams
Plugin

openteams

Plan, Build, and Ship — with a team of AI agents instead of one

200 skills
@openteams-lab@openteams-labView Plugin
bmmd
Plugin

bmmd

Markdown 排版工具,专为微信公众号与多平台排版设计,支持富文本复制、图片生成与矢量 PDF 导出。

1 skill
@miantiao-me@miantiao-meView Plugin
superdesign
Plugin

superdesign

Stop shipping AI-slop UI. Coding agents write great code and mediocre interfaces: generic layouts, default shadcn everything, no taste. Superdesign is the skill that gives your agent design judgment, so the UI it ships actually looks considered.

1 skill
@superdesigndev@superdesigndevView Plugin
korean-privacy-terms
Plugin

korean-privacy-terms

한국·일본·EU·미국 법령 기반 개인정보처리방침·이용약관 자동 생성 Claude Code 스킬. 2025.4.21 개인정보 처리방침 작성지침 및 2026.3 개정 개인정보보호법 반영. 일본 APPI(個人情報保護法) v4.1 신규 지원. 한국 도메인 특화 AI 스페시아이에서 만듭니다. 법률·세무·노무·회계·의료 실무에 쓰는 도구를 오픈소스로 공개하고, 완성 제품은 speciai.kr 에서 운영합니다.

7 skills
@kimlawtech@kimlawtechView Plugin
claude-skills-zh-cn
Plugin

claude-skills-zh-cn

亲爱的开发者们,这是一个经过整理和中文化的 Anthropic Skills 仓库。无论你是想快速了解 Claude 技能体系的最佳实践,还是需要直接上手 Word/PDF/PPTX/XLSX 处理脚本,这份中文版都能帮你省去大量摸索时间。 亮点速览: 🧩 原汁原味的官方示例:完整保留算法艺术、品牌规范、Slack GIF、MCP 服务器等全部技能。 📄 文档技能全译本:OOXML、docx-js、HTML 转 PPT 流程、PDF 表单填写等高级指南均已翻译补充。 📦 即取即用:学习后即可在 Claude

16 skills
@leastbit@leastbitView Plugin
the-startup
Plugin

the-startup

The Agentic Startup - A collection of Claude Code commands, skills, and agents.

36 skills
@rsmdt@rsmdtView Plugin
software-engineer-ai-agent-atlas
Plugin

software-engineer-ai-a…

The senior-engineer layer for Claude Code. Explore before you build, clarify only what matters, capture it in living HTML, then hand it to Claude Code's native plan / goal / workflow loop.

20 skills
@syahiidkamil@syahiidkamilView Plugin
ai-company
Plugin

ai-company

Multi-agent team operating system for Claude Code. 108 MCP tools, 40+ agent templates, 10 lifecycle hooks, 7 pipeline workflows. Persistent teams, structured meetings, task wall, real-time React dashboard. No LangChain/AutoGen — pure CC native integration.

5 skills
@cronusl-1141@cronusl-1141View Plugin

FAQ

What are the best Claude Code shadcn/ui plugins?
Flowy lists 77 plugins for shadcn/ui, ranked by fit and signal rather than raw install count. Open any listing to read every skill in full before you install it.
Do these shadcn/ui skills run automatically?
The Auto-invoked ones do. They ship a FLOW.md router and a hook, so Claude Code loads the matching skill as you prompt. Indexed listings install normally and you invoke them yourself.
How does Flowy decide a plugin is a shadcn/ui plugin?
The tag is derived from the plugin's own content, its skill names, descriptions, README and file types, not from a tag someone typed. A plugin appears here only when its real content matches.
Are these shadcn/ui plugins free?
Yes. Flowy is free and open source with nothing gated. You can read every skill before installing, and each listing links to its upstream repository and its creator.

Browse every plugin