Library
shadcn/ui agent skills, page 3
shadcn/ui skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 97 | 97.Prd Modeling A skill your agent uses when creating, rewriting, refining, or stress-testing a Product Requirements Document (PRD), including turning an initiative or feature brief into product requirements. | mirumee/ | 129 | — | ~824 | Automated safety check: Pass | BSD-3-Clause | today |
| 98 | Build full-stack dashboard applications using React/Next.js + shadcn/ui + Tailwind CSS + Recharts + Express with customizable data sources. | QwenLM/ | 143 | — | ~3.3k | Automated safety check: Pass | No licence | 4 mo ago |
| 99 | 99.React19 React 19 conventions in ONE sites — client islands, @oneie/react hooks, no useEffect for ONE data. | one-ie/ | 131 | — | ~349 | Automated safety check: Pass | Unknown | 11 days ago |
| 100 | 100.Fa Form Builder 为 Fantastic-admin 框架生成独立的表单页面,使用 FaForm/FaFormItem + vee-validate + zod 验证,表单 model 使用 ref,全部使用框架内建 Fa 组件。当用户说:'帮我做一个用户信息填写页'、'我只需要一个提交表单,不需要列表'、'做个设置页面,有几个输入框和保存按钮'、'生成一个注册/编辑/配置表单页'、'只要表单页,不需要增删改查'… | fantastic-admin/ | 3.4k | — | ~670 | Automated safety check: Pass | MIT | 9 days ago |
| 101 | 101.Admin Shadcn 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/ | 273 | — | ~1k | Automated safety check: Pass | AGPL-3.0 | today |
| 102 | A skill your agent uses when creating a new component for the design system. | LucasBassetti/ | 130 | — | ~2.1k | Automated safety check: Pass | MIT | 5 days ago |
| 103 | Builds new holaOS apps with @holaboss/app-builder-sdk, either as integration-only MCP modules or as dashboard apps with a shadcn UI under src/client/. | holaboss-ai/ | 11k | — | ~11k | Automated safety check: Pass | Unknown | 1 mo ago |
| 104 | A skill your agent uses when reviewing, debugging, or cleaning up existing 8StarLabs UI usage. | 8starlabs/ | 140 | — | ~711 | Automated safety check: Pass | MIT | 1 mo ago |
| 105 | 105.Rfc Modeling A skill your agent uses when designing, drafting, refining, or stress-testing an RFC for an approved PRD, including requests for a design doc, solution design, or how to build it. | mirumee/ | 129 | — | ~920 | Automated safety check: Pass | BSD-3-Clause | today |
| 106 | 106.SDK Use the ONE backend (@oneie/sdk) from this frontend via the plugin-backend wrapper. | one-ie/ | 131 | — | ~310 | Automated safety check: Pass | Unknown | 11 days ago |
| 107 | 用于使用现代前端 Web 技术(React、Tailwind CSS、shadcn/ui)创建复杂的、多组件的 claude.ai HTML artifact 的工具套件。适用于需要状态管理、路由或 shadcn/ui 组件的复杂 artifact - 不适用于简单的单文件 HTML/JSX artifact。 | LeastBit/ | 588 | — | ~458 | Automated safety check: Pass | Apache-2.0 | 8 mo ago |
| 108 | Initialize a new Convex project from scratch or add Convex to an existing app. | waynesutton/ | 628 | — | ~1.2k | Automated safety check: Notes | MIT | 4 mo ago |
| 109 | 为 Fantastic-admin 框架生成 Pinia Store 模块。当用户提到以下任何需求时必须使用此技能:多个页面需要共享数据、全局状态管理、数据需要持久化(刷新后还在)、登录状态/用户信息需要缓存、购物车/通知/权限等全局数据、需要在组件外访问状态。即使用户只是说"这个数据要全局共享"或"刷新后数据不能丢",也应触发此技能。触发关键词:创建… | fantastic-admin/ | 3.4k | — | ~519 | Automated safety check: Pass | MIT | 9 days ago |
| 110 | Build, restyle, or review accessible React interfaces that use shadcn/ui, Radix UI primitives, and Tailwind CSS. | LiarMTTT/ | 153 | — | ~1.7k | Automated safety check: Pass | Unknown | 5 days ago |
| 111 | 111.Change Theme Updates the shadcn/ui theme by editing OKLCH CSS custom properties in apps/core/styles/tailwind.css. | pagezero-dev/ | 143 | — | ~805 | Automated safety check: Pass | MIT | 8 days ago |
| 112 | 112.Clerk Setup Set up Clerk authentication in any project with the Clerk CLI and official framework quickstarts. | growupanand/ | 102 | — | ~3k | Automated safety check: Pass | MIT | 2 days ago |
| 113 | 113.Ucp Agent Operate Nimara's UCP REST commerce API. An agent skill from mirumee/nimara-ecommerce. | mirumee/ | 129 | — | ~1k | Automated safety check: Pass | BSD-3-Clause | today |
| 114 | Create new core components for GodUI (@godui/components) — animated, drop-in replacements for shadcn/ui with strict GPU-only motion. | LucasBassetti/ | 130 | — | ~7.4k | Automated safety check: Pass | MIT | 5 days ago |
| 115 | 115.Shadcn shadcn/ui under the ONE 6-token design system — CSS var tokens only, no hex, add components via the CLI. | one-ie/ | 131 | — | ~302 | Automated safety check: Pass | Unknown | 11 days ago |
| 116 | Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed. | aAAaqwq/ | 105 | 2 repos | ~2.7k | Automated safety check: Pass | MIT | today |
| 117 | 117.Show Me Help the user understand the current topic visually with concise diagrams, code-shape sketches, and focused HTML artifacts. | mirumee/ | 129 | 7 repos | ~809 | Automated safety check: Pass | BSD-3-Clause | today |
| 118 | Build Ordinus renderer UI in the intended product style. An agent skill from muratgur/ordinus. | muratgur/ | 113 | — | ~881 | Automated safety check: Pass | MIT | 1 mo ago |
| 119 | 119.Frontend Build UI components with React, Next.js, Tailwind CSS, and shadcn/ui. | AlexPEClub/ | 382 | — | ~930 | Automated safety check: Pass | No licence | 4 mo ago |
| 120 | 120.UI 建立于 shadcn/ui 之上的附加 UI 组件 | graphif/ | 4.5k | — | ~233 | Automated safety check: Warn | No licence | today |
| 121 | 121.Components Build Build modern, composable, and accessible React UI components following the components.build specification. | Asymmetric-al/ | 381 | — | ~2.1k | Automated safety check: Pass | MIT | today |
| 122 | 122.New Component Scaffold a new React component with co-located test, shadcn/ui primitives, and barrel export registration. | Artexis10/ | 116 | — | ~524 | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 123 | 管理和配置 Fantastic-admin 框架设置。当用户提到以下任何需求时必须使用此技能:开启/关闭水印、锁屏、错误日志、更新检查、哀悼模式、移动端访问;切换暗色/亮色/跟随系统主题;修改菜单模式(侧边栏/顶部/精简/面板);配置标签栏风格(fashion/card/square);启用/禁用工具栏功能(收藏夹、面包屑、搜索、通知、国际化、全屏、刷新);设置版权信息;配置认证/权限/登录过期… | fantastic-admin/ | 3.4k | — | ~438 | Automated safety check: Pass | MIT | 9 days ago |
| 124 | 124.Shadcn Best practices for building UI components with shadcn/ui. An agent skill from pedronauck/skills. | pedronauck/ | 634 | 1 repo | ~1k | Automated safety check: Pass | No licence | 24 days ago |
| 125 | 125.Declare Types Give this workspace a resource type — products, lessons, tickets, whatever the business actually tracks — by writing one TOML file, so navigation, a searchable index, a detail page and a create/edit… | one-ie/ | 131 | — | ~939 | Automated safety check: Pass | Unknown | 11 days ago |
| 126 | 126.Sync Plate UI Autogoal-backed fork-aware status, planning, review, dashboard, apply, and tracking for syncing Plate UI registry components into downstream custom apps such as Potion. | udecode/ | 17k | — | ~4.1k | Automated safety check: Pass | Unknown | today |
| 127 | Retest a reported defect on the live Nimara board (Jira project MS, board 74) and give it an evidence-backed verdict — still reproduces → Open, fixed → Done, blocked → leave In testing and ask. | mirumee/ | 129 | — | ~888 | Automated safety check: Pass | BSD-3-Clause | today |
| 128 | 128.Component Dev Create and modify UI components following Mobazha conventions including directory structure, spacing standards, accessibility, and testing. | mobazha/ | 165 | — | ~638 | Automated safety check: Pass | MPL-2.0 | 5 days ago |
| 129 | Audit AI-generated, AI-shaped, or AI-looking frontend code, UI screenshots, and design diffs. | jxnl/ | 563 | — | ~1.3k | Automated safety check: Pass | No licence | 3 mo ago |
| 130 | 130.Publish Put words on this site — a blog post, a docs page, a product, or a live page from ONE's editor. | one-ie/ | 131 | — | ~940 | Automated safety check: Pass | Unknown | 11 days ago |
| 131 | 131.Sync Shadcn Autogoal-backed planning, status, review, dashboard, apply, and tracking for upstream shadcn docs syncs into Plate docs. | udecode/ | 17k | — | ~12k | Automated safety check: Pass | Unknown | today |
| 132 | To build powerful frontend claude.ai artifacts, follow these steps: | sickn33/ | 47k | 3 repos | ~824 | Automated safety check: Pass | Apache-2.0 | today |
| 133 | 133.Shadcn Expert guide for ShadCN UI component library with Next.js. An agent skill from mikeOnBreeze/cc-crossbeam. | mikeOnBreeze/ | 293 | — | ~1.2k | Automated safety check: Pass | MIT | 7 mo ago |
| 134 | 134.Weft Frontend 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/ | 2k | — | ~8k | Automated safety check: Notes | Unknown | today |
| 135 | 135.Shadcn shadcn/ui component library patterns with Radix UI primitives and Tailwind CSS. | blencorp/ | 106 | — | ~3.2k | Automated safety check: Pass | MIT | 10 mo ago |
| 136 | 136.Explore Ways to explore llm-wiki and answer from it. An agent skill from mirumee/nimara-ecommerce. | mirumee/ | 129 | — | ~436 | Automated safety check: Pass | BSD-3-Clause | today |
| 137 | 137.Shadcn Parity Clone shadcn implementation patterns with source-by-source parity. | udecode/ | 17k | — | ~1.3k | Automated safety check: Pass | Unknown | today |
| 138 | A skill your agent uses when adding, configuring, or debugging shadcn-vue in a Vue or Nuxt project. | skilld-dev/ | 181 | — | ~1.2k | Automated safety check: Pass | MIT | 16 days ago |
| 139 | 139.SaaS Scaffolder Generates complete, production-ready SaaS project boilerplate including authentication, database schemas, billing integration, API routes, and a working dashboard using Next.js 14+ App Router… | alirezarezvani/ | 28k | 1 repo | ~2.6k | Automated safety check: Pass | MIT | 1 mo ago |
| 140 | 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/ | 170 | — | ~7.2k | Automated safety check: Pass | MIT | today |
| 141 | 141.Workflow Write a workflow this site will actually run — the eight step kinds, the fenced graph block that makes it executable, and the trap where beautifully-written prose compiles to a workflow with zero… | one-ie/ | 131 | — | ~851 | Automated safety check: Pass | Unknown | 11 days ago |
| 142 | 142.Regression Sweep Run a broad health check across a Nimara surface — checkout, SEO/metadata, performance, or a page-type matrix — and report findings, instead of verifying one ticket. | mirumee/ | 129 | — | ~620 | Automated safety check: Pass | BSD-3-Clause | today |
| 143 | 143.Svelte Apply Epicenter’s Svelte 5 patterns for runes, components, lifecycles, and workspace-backed state. | EpicenterHQ/ | 4.8k | — | ~2.6k | Automated safety check: Pass | Unknown | yesterday |
| 144 | 144.Lovable Cleanup Audits and strips Lovable scaffolding from Vite + React projects — removes lovable-tagger, swaps placeholder assets, prunes unused Radix deps, cleans generated docs, and neutralizes stale… | sickn33/ | 47k | 1 repo | ~3.7k | Automated safety check: Notes | MIT | today |