什麼是 tailwind-ui？
使用 Tailwind CSS 編寫 HTML/JSX 時使用常見的 UI 模式，例如英雄、表單、清單、導覽列、模式、卡片或任何標準 Web 元件 來源：ralphcrisostomo/nuxt-development-skills。
·tailwind-ui
*
tailwind-ui
✓ralphcrisostomo/nuxt-development-skillsGitHub: ralphcrisostomo/nuxt-development-skills來源: ralphcrisostomo/nuxt-development-skills
使用 Tailwind CSS 編寫 HTML/JSX 時使用常見的 UI 模式，例如英雄、表單、清單、導覽列、模式、卡片或任何標準 Web 元件
如何安裝 tailwind-ui
透過命令列快速安裝 tailwind-ui AI 技能到你的開發環境
- 開啟終端機: 開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等）
- 執行安裝指令: 複製並執行以下指令：npx skills add https://github.com/ralphcrisostomo/nuxt-development-skills --skill tailwind-ui
- 驗證安裝: 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
來源：ralphcrisostomo/nuxt-development-skills。
SKILL.md
查看原文Always search templates before writing Tailwind UI code from scratch.
You have access to 657 hand-crafted Tailwind UI templates in assets/. These templates include dark mode, accessibility, polish, and edge case handling that you won't replicate from scratch.
Always prefer v4 (latest Tailwind CSS). Use v3 only for legacy projects.
使用 Tailwind CSS 編寫 HTML/JSX 時使用常見的 UI 模式，例如英雄、表單、清單、導覽列、模式、卡片或任何標準 Web 元件 來源：ralphcrisostomo/nuxt-development-skills。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/ralphcrisostomo/nuxt-development-skills --skill tailwind-ui- 分類
- *創意媒體
- 認證
- ✓
- 收錄時間
- 2026-03-07
- 更新時間
- 2026-03-10
Browse more skills from ralphcrisostomo/nuxt-development-skills
快速解答
如何安裝 tailwind-ui？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/ralphcrisostomo/nuxt-development-skills --skill tailwind-ui 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
這個 Skill 的原始碼在哪？
https://github.com/ralphcrisostomo/nuxt-development-skills
詳情
- 分類
- *創意媒體
- 來源
- skills.sh
- 收錄時間
- 2026-03-07