nuxt-ui-tdd
✓TDD ガード フックによって強制される厳密なテスト駆動開発 (TDD) 手法を使用して、NuxtUI で Vue 3 コンポーネントを構築するためのガイド。このスキルは、Poche プロジェクトの新しい UI コンポーネント (原子、分子、生物) を実装するとき、インタラクション テストを含む Storybook ストーリーを作成するとき、または RED-GREEN-REFACTOR サイクル内で作業するときに使用します。ユーザーが「TDD」、「テストファースト」、「コンポーネントの作成」、「コンポーネントのビルド」、「[コンポーネント名] の実装」に言及する場合、または 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
TDD ガード フックによって強制される厳密なテスト駆動開発 (TDD) 手法を使用して、NuxtUI で Vue 3 コンポーネントを構築するためのガイド。このスキルは、Poche プロジェクトの新しい UI コンポーネント (原子、分子、生物) を実装するとき、インタラクション テストを含む Storybook ストーリーを作成するとき、または RED-GREEN-REFACTOR サイクル内で作業するときに使用します。ユーザーが「TDD」、「テストファースト」、「コンポーネントの作成」、「コンポーネントのビルド」、「[コンポーネント名] の実装」に言及する場合、または 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 とは？
TDD ガード フックによって強制される厳密なテスト駆動開発 (TDD) 手法を使用して、NuxtUI で Vue 3 コンポーネントを構築するためのガイド。このスキルは、Poche プロジェクトの新しい UI コンポーネント (原子、分子、生物) を実装するとき、インタラクション テストを含む Storybook ストーリーを作成するとき、または RED-GREEN-REFACTOR サイクル内で作業するときに使用します。ユーザーが「TDD」、「テストファースト」、「コンポーネントの作成」、「コンポーネントのビルド」、「[コンポーネント名] の実装」に言及する場合、または 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 で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/akornmeier/claude-config
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-05