nuxt-ui-tdd
✓使用 NuxtUI 構建 Vue 3 組件的指南，使用由 TDD 保護鉤強制執行的嚴格測試驅動開發 (TDD) 方法。在為 Poche 項目實現新的 UI 組件（原子、分子、有機體）、通過交互測試創建 Storybook 故事或在紅-綠-重構循環中工作時，請使用此技能。當用戶提到“TDD”、“測試優先”、“創建組件”、“構建組件”、“實現 [ComponentName]”或添加 UI 功能時特別有用。
SKILL.md
Build Vue 3 components with NuxtUI following strict Test-Driven Development (TDD) methodology. This skill provides workflows, templates, and guardrails for creating well-tested, reusable UI components using the Atomic Design pattern.
Before starting, identify the atomic design level. Consult references/naming-conventions.md for detailed guidance.
Location: Same directory as component Naming: {ComponentName}.stories.ts
使用 NuxtUI 構建 Vue 3 組件的指南，使用由 TDD 保護鉤強制執行的嚴格測試驅動開發 (TDD) 方法。在為 Poche 項目實現新的 UI 組件（原子、分子、有機體）、通過交互測試創建 Storybook 故事或在紅-綠-重構循環中工作時，請使用此技能。當用戶提到“TDD”、“測試優先”、“創建組件”、“構建組件”、“實現 [ComponentName]”或添加 UI 功能時特別有用。 來源：akornmeier/claude-config。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/akornmeier/claude-config --skill nuxt-ui-tdd- 分類
- *創意媒體
- 認證
- ✓
- 收錄時間
- 2026-02-05
- 更新時間
- 2026-02-18
快速解答
什麼是 nuxt-ui-tdd？
使用 NuxtUI 構建 Vue 3 組件的指南，使用由 TDD 保護鉤強制執行的嚴格測試驅動開發 (TDD) 方法。在為 Poche 項目實現新的 UI 組件（原子、分子、有機體）、通過交互測試創建 Storybook 故事或在紅-綠-重構循環中工作時，請使用此技能。當用戶提到“TDD”、“測試優先”、“創建組件”、“構建組件”、“實現 [ComponentName]”或添加 UI 功能時特別有用。 來源：akornmeier/claude-config。
如何安裝 nuxt-ui-tdd？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/akornmeier/claude-config --skill nuxt-ui-tdd 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/akornmeier/claude-config
詳情
- 分類
- *創意媒體
- 來源
- skills.sh
- 收錄時間
- 2026-02-05