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