shadcn-ui-expert
✓使用 shadcn-ui、Tailwind CSS 和 Radix UI 開發高質量、可訪問的 React 組件。在構建表單、佈局、對話框、表格或任何 UI 組件時使用。支持 Next.js、Vite、Remix、Astro 等。與 shadcn MCP 服務器集成以進行組件發現和安裝。
SKILL.md
shadcn-ui is a collection of beautifully-designed, accessible React components built with TypeScript, Tailwind CSS, and Radix UI primitives. This skill guides you through component selection, implementation, customization, and best practices.
This creates a components.json file for configuration. Choose your framework:
Or ask me directly to "add a login form" - I can use the MCP server to handle installation with natural language.
使用 shadcn-ui、Tailwind CSS 和 Radix UI 開發高質量、可訪問的 React 組件。在構建表單、佈局、對話框、表格或任何 UI 組件時使用。支持 Next.js、Vite、Remix、Astro 等。與 shadcn MCP 服務器集成以進行組件發現和安裝。 來源:majesteitbart/talentmatcher。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/majesteitbart/talentmatcher --skill shadcn-ui-expert- 分類
- *創意媒體
- 認證
- ✓
- 收錄時間
- 2026-02-01
- 更新時間
- 2026-02-18
快速解答
什麼是 shadcn-ui-expert?
使用 shadcn-ui、Tailwind CSS 和 Radix UI 開發高質量、可訪問的 React 組件。在構建表單、佈局、對話框、表格或任何 UI 組件時使用。支持 Next.js、Vite、Remix、Astro 等。與 shadcn MCP 服務器集成以進行組件發現和安裝。 來源:majesteitbart/talentmatcher。
如何安裝 shadcn-ui-expert?
開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等) 複製並執行以下指令:npx skills add https://github.com/majesteitbart/talentmatcher --skill shadcn-ui-expert 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪?
https://github.com/majesteitbart/talentmatcher