nuxt-ui-tdd
✓TDD 가드 후크에 의해 시행되는 엄격한 TDD(테스트 기반 개발) 방법론을 사용하여 NuxtUI로 Vue 3 구성 요소를 구축하기 위한 가이드입니다. Poche 프로젝트를 위한 새로운 UI 구성 요소(원자, 분자, 유기체)를 구현하거나, 상호 작용 테스트를 통해 스토리북 스토리를 만들거나, RED-GREEN-REFACTOR 주기 내에서 작업할 때 이 기술을 사용하세요. 사용자가 "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
TDD 가드 후크에 의해 시행되는 엄격한 TDD(테스트 기반 개발) 방법론을 사용하여 NuxtUI로 Vue 3 구성 요소를 구축하기 위한 가이드입니다. Poche 프로젝트를 위한 새로운 UI 구성 요소(원자, 분자, 유기체)를 구현하거나, 상호 작용 테스트를 통해 스토리북 스토리를 만들거나, RED-GREEN-REFACTOR 주기 내에서 작업할 때 이 기술을 사용하세요. 사용자가 "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이란?
TDD 가드 후크에 의해 시행되는 엄격한 TDD(테스트 기반 개발) 방법론을 사용하여 NuxtUI로 Vue 3 구성 요소를 구축하기 위한 가이드입니다. Poche 프로젝트를 위한 새로운 UI 구성 요소(원자, 분자, 유기체)를 구현하거나, 상호 작용 테스트를 통해 스토리북 스토리를 만들거나, RED-GREEN-REFACTOR 주기 내에서 작업할 때 이 기술을 사용하세요. 사용자가 "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에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/akornmeier/claude-config
상세
- 카테고리
- *크리에이티브
- 출처
- skills.sh
- 최초 등록
- 2026-02-05