shadcn/ui · For designers

Work with shadcn/ui in Ordinus. An agent skill from muratgur/ordinus.

muratgur/ordinus

蒸馏并应用当前仓库的 Next.js Nextra 启动模板架构、已实现功能、二次开发扩展点与迁移模式。适用于理解本项目、继续二次开发、修改 docs/landing/i18n/theme/auth/UI 行为，或把这些 Next.js 16 + Nextra 4 + Tailwind CSS 4 模式复用到其他项目。

pdsuwwz/nextjs-nextra-starter

"DaisyUI", "daisyui", "UI 마이그레이션", "UI migration", "shadcn to daisyui", "테마 설정", "theme", "컴포넌트 변환", "DaisyUI 테마", "DaisyUI 컴포넌트" 등 DaisyUI 기반 UI 구축이나 shadcn/ui 마이그레이션 시 사용하세요.

imgompanda/fireauto

A skill your agent uses when adding, updating, composing, or debugging source components managed by shadcn; changing apps/desktop/components.json, registries, or presets; or running the shadcn CLI.

ItsWendell/palot

Manages shadcn-vue components and projects — adding, searching, fixing, debugging, styling, and composing UI.

hirotaka/pragmatic-nuxt

Build virtualized data tables with @virtuoso.dev/data-table.

petyosi/react-virtuoso

Patterns, conventions, and examples for implementing new oxlint Tailwind CSS rules and their tests.

sergioazoc/oxlint-tailwindcss

Build a new app or add Stream products (Chat, Video, Feeds, Moderation) to an existing app.

adrianhajdin/react-native-lingua

A skill your agent uses when adding, changing, or styling UI in client/admin (the Speakeasy admin dashboard) that touches shadcn/ui — a button, dialog, table, sidebar, badge, select, tabs, tooltip…

speakeasy-api/gram

A skill your agent uses when creating a new component for the design system.

LucasBassetti/godui

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

LeastBit/Claude_skills_zh-CN

Build, restyle, or review accessible React interfaces that use shadcn/ui, Radix UI primitives, and Tailwind CSS.

LiarMTTT/TavernWeave

Create new core components for GodUI (@godui/components) — animated, drop-in replacements for shadcn/ui with strict GPU-only motion.

LucasBassetti/godui

shadcn/ui under the ONE 6-token design system — CSS var tokens only, no hex, add components via the CLI.

one-ie/one

Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed.

aAAaqwq/AGI-Super-Team

Help the user understand the current topic visually with concise diagrams, code-shape sketches, and focused HTML artifacts.

mirumee/nimara-ecommerce

Build Ordinus renderer UI in the intended product style. An agent skill from muratgur/ordinus.

muratgur/ordinus

Build UI components with React, Next.js, Tailwind CSS, and shadcn/ui.

AlexPEClub/ai-coding-starter-kit

Build modern, composable, and accessible React UI components following the components.build specification.

Asymmetric-al/core

Best practices for building UI components with shadcn/ui. An agent skill from pedronauck/skills.

pedronauck/skills

Create and modify UI components following Mobazha conventions including directory structure, spacing standards, accessibility, and testing.

mobazha/mobazha-unified

Audit AI-generated, AI-shaped, or AI-looking frontend code, UI screenshots, and design diffs.

jxnl/personal-monorepo-template

Autogoal-backed planning, status, review, dashboard, apply, and tracking for upstream shadcn docs syncs into Plate docs.

udecode/plate

To build powerful frontend claude.ai artifacts, follow these steps:

sickn33/agentic-awesome-skills

Expert guide for ShadCN UI component library with Next.js. An agent skill from mikeOnBreeze/cc-crossbeam.

mikeOnBreeze/cc-crossbeam

Read when the user wants a page, app or site for the program, and before dispatching the frontend-builder: the verified scaffold commands, the default stack (pnpm, SvelteKit, PostgreSQL, BetterAuth…

WeaveMindAI/weft

shadcn/ui component library patterns with Radix UI primitives and Tailwind CSS.

blencorp/claude-code-kit

Clone shadcn implementation patterns with source-by-source parity.

udecode/plate

A skill your agent uses when adding, configuring, or debugging shadcn-vue in a Vue or Nuxt project.

skilld-dev/vue-ecosystem-skills

Builds Ignite UI Web Components views from Figma designs, supporting Indigo.Design kits, third-party kits (Material 3, Fluent 2, shadcn/ui, Untitled UI, in-house), and plain frames.

IgniteUI/igniteui-webcomponents

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

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

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

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

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

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

secondsky/claude-skills

Install and configure shadcn/ui components for React projects.

jezweb/claude-skills

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

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

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