shadcn/ui agent skills, page 4

Wavelet 项目专用：当新增或修改启动时设置、数据库系统设置、业务设置、公共可见配置、/admin/system 参数配置、/admin/settings 图形化设置界面，或前端公共配置消费逻辑时必须使用。本技能指导设置类型判定、SystemConfig 字段与 visibility、goose SQL 初始化/升级、热更新读取、公共配置暴露、shadcn 图形组件和验证流程。

Rain-kl/OpenFlare

A skill your agent uses when operating in a codebase that employs an existing design system (shadcn/ui, Material UI, Ant Design, Chakra, etc.), when you need to identify which system a project uses…

NoobyGains/godmode

Turn a requirement, spec, or feature into a gap-free set of test cases by equivalence partitioning — enumerate the distinct behaviour classes, pick a representative per class, then run them and…

mirumee/nimara-ecommerce

Light 按需工程技能·前端设计：把模糊的「做个好看的界面」落成能跑的 React/Tailwind/shadcn 代码 + 设计决策说明—— 有视觉记忆点(signature element)、风格自洽(design tokens 一致)、适配场景(学术海报/数据大屏/管理后台/移动端/营销 landing 信息密度各不同)、反「一眼 AI」(紫蓝渐变/Inter/16px 圆角/巨型…

Light0305/Light-skills

Complete shadcn/ui component library guide including installation, configuration, and implementation of accessible React components.

jh941213/my-cc-harness

A skill your agent uses when building game UI (menus, HUD, dialogue box, settings/save screens) on top of Pixi'VN with an external JS framework (React, Vue) or with plain PixiJS components —…

DRincs-Productions/pixi-vn

一套用于使用现代前端 Web 技术（React、Tailwind CSS、shadcn/ui）创建复杂的多组件 claude.ai HTML 工件的工具集。适用于需要状态管理、路由或 shadcn/ui 组件的复杂工件，不适用于简单的单文件 HTML/JSX 工件。

Prorise-cool/Claude-Code-Multi-Agent

Classify a console screen (list/record/form), build it on @temps-sdk/ds templates and the shared shadcn primitives in @temps-sdk/ui, and follow the console's status vocabulary and status colour rules.

gotempsh/temps

Take money on this site — a crypto payment link that needs no backend and no account, or a card charge through Stripe.

one-ie/one

Frontend specialist for React, Next.js, TypeScript with FSD-lite architecture, shadcn/ui, and design system alignment.

first-fluke/oh-my-agent

当用户需要创建复杂的多组件 HTML Artifacts（包含 React、Tailwind CSS、shadcn/ui）时使用。此 Skill 用于需要状态管理、路由或 shadcn/ui 组件的复杂 Artifacts，不适用于简单的单文件 HTML/JSX。

boshi-xixixi/TraeSkill

Design React interfaces with the full shadcn/ui catalog. An agent skill from notque/vexjoy-agent.

notque/vexjoy-agent

Map this token system to or from any external design system (Material Design 3, Apple HIG, Fluent, Carbon, Ant, shadcn/ui, Radix, Chakra, Mantine, Bootstrap…) — adopt their look, build on their…

plugin87/ux-ui-agent-skills

Build, critique, and iterate high-converting marketing or product landing pages using React + Vite + TypeScript + Tailwind and shadcn/ui components, with all icons sourced from Iconify.

instructa/agent-skills

Keep an LLM-wiki coherent while ingesting sources, filing durable knowledge, auditing or repairing its graph, reconciling indexes and logs after content changes, or recording architecture decisions.

mirumee/nimara-ecommerce

shadcn-vue for Vue/Nuxt with Reka UI components and Tailwind.

secondsky/claude-skills

AI chat UI component toolkit built on shadcn/ui. An agent skill from diodeme/Gold-Band.

diodeme/Gold-Band

Install and configure shadcn/ui components for React projects.

jezweb/claude-skills

Turn what someone says into seven beats, a promise with one checkable proof, and a story spoken back in their own words.

one-ie/one

为 @skyroc/web-ui 组件编写文档。当用户说出组件名（如 Button、Accordion、AlertDialog）时触发。自动定位组件源码、playground demo、已有文档，按照项目文档规范生成或更新 MDX 文档。

Ohh-889/skyroc

Review Slate v2 architecture/API plans against React 19.2 runtime performance, Slate-close unopinionated DX, legacy-regression proof, research evidence, and shadcn-style composability; write a…

udecode/plate

Build platform-independent design systems and consistent component libraries.

ww-w-ai/bkit-claude-code

Google Stitch design-to-code workflow with design system management.

KaimingWan/oh-my-kiro

Implement or modify web UI in React, Next.js, or Angular. An agent skill from first-fluke/oh-my-agent.

first-fluke/oh-my-agent

Shadcn/ui-inspired design with minimal, clean components, monochrome palette, and utility-first patterns.

bergside/awesome-design-skills

Frontend patterns for Next.js App Router, Clerk auth, shadcn/Radix UI, and PostHog analytics.

bybren-llc/safe-agentic-workflow

Use this skill BEFORE writing or restyling ANY user-facing interface.

WrongStack/WrongStack

A skill your agent uses when creating elaborate, multi-component claude.ai HTML artifacts with React, Tailwind CSS, shadcn/ui, state management, routing, or complex frontend structure; not for…

majiayu000/spellbook

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui).

nexu-io/open-design

Build UI components with shadcn/ui. An agent skill from nexu-io/open-design.

nexu-io/open-design

Anti-slop skill for PRODUCT UI - dashboards, data tables, forms, multi-step flows, settings, list/detail, app shells.

huytieu/COG-second-brain

Scaffolds a Next.js turborepo with Blode UI, icons, Ultracite (oxlint/shadcn), workspace hooks, and GitHub/Vercel setup.

mblode/agent-skills

A skill your agent uses for ANY work involving React, Next.js, TypeScript, or Tailwind in the browser layer.

avibebuilder/claude-prime

Tailwind CSS utility patterns with shadcn/ui component usage, theming via CSS variables, and responsive design.

BlackBeltTechnology/pi-agent-dashboard

Form validation combining Zod schemas with React Hook Form, including localized error messages, Server Action integration, and shadcn/ui Form components.

BlackBeltTechnology/pi-agent-dashboard

MUST activate before editing ANY file under uiBundles//src/ (or the bundle's index.html) for visual or UI changes to an EXISTING app — pages, components, sections, layout, styling, colors, fonts…

forcedotcom/sf-skills

Suite of tools for creating elaborate, multi-component claude.ai HTML artefacts using modern frontend web technologies (React 19, Tailwind CSS v4, shadcn/ui).

sammcj/agentic-coding

Fetch official brand/product/tool logos (Stripe, GitHub, Notion, AWS, Figma, etc.) as clean SVGs from SVGL (svgl.app) — as saved .svg files, inline markup, or installed React components.

usenotra/notra

Build UI with Core's shadcn/Base UI system. An agent skill from Asymmetric-al/core.

Asymmetric-al/core

Generate correct shadcn/Tailwind layouts by applying CSS mental models.

jwynia/agent-skills

Using the app's local UI adapter and Toolkit or shadcn primitives.

BuilderIO/agent-native

Project-aware shadcn/ui components, registry MCP, theming, and design-system lint feedback.

BuilderIO/agent-native

UI component library patterns for shadcn/ui and Radix Primitives.

yonatangross/orchestkit

Set up Tailwind v4 with shadcn/ui using @theme inline pattern and CSS variable architecture.

aiskillstore/marketplace

Add an infrastructure use-case wired through a provider and app service using Result.

mirumee/nimara-ecommerce

Tech stack guidance for NextJS + React/Redux + Shadcn UI features.

paralleldrive/aidd

Plan, build, and iterate UX-friendly frontend mockups via a ground→contract→mockup→test→fix→learn loop, acting as an expert UX designer who grounds every decision in externally documented public…

BlackBeltTechnology/pi-agent-dashboard

Generate SaaS boilerplate with auth, database schemas, Stripe billing, multi-tenancy, API routes, and dashboard UI on a Next.js/TypeScript/Tailwind stack.

borghei/Claude-Skills