d3ro-voice/.claude/skills/scaffold-component/SKILL.md
Yun Chan e24bb8378c 초기 프로젝트 설정: 하네스 시스템 + 설계서 + RE 노하우
- CLAUDE.md: 프로젝트 규칙, 기술 스택, 코딩 규칙, 페이즈 로드맵
- .claude/settings.json: 권한, 강제 훅 (매 프롬프트 설계서 규칙 주입)
- .claude/skills/: implement-phase, review-phase, scaffold, test-commit, debug
- .claude/agents/: electron-architect, voice-pipeline-expert, ui-specialist
- docs/design/00-09: 마스터 아키텍처, 서비스 명세(16개), IPC(113채널),
  DB스키마, UI컴포넌트, 검증리포트, 외부엔진연동, 갭분석,
  VoiceMode패턴, 디자인시스템, 히스토리팝업
- docs/phases/1-7+3.5: 전체 구현 페이즈 문서
- docs/re-findings/: Speakly RE 노하우 5개 문서
2026-04-05 01:03:03 +09:00

958 B

name description argument-hint allowed-tools
scaffold-component D3RO-VOICE 프로젝트 컨벤션에 맞게 새 컴포넌트/서비스를 스캐폴딩. 이름을 인자로 전달. [component or service name] Read Write Glob

Scaffold

프로젝트 컨벤션에 맞는 새 모듈을 생성합니다.

서비스 스캐폴딩 (메인 프로세스)

Speakly 패턴 적용:

  • 싱글톤 + EventEmitter
  • 로거 태그 [ServiceName]
  • 초기화/종료 메서드
  • IPC 채널 shared/ipc-channels.ts에 추가

React 컴포넌트 스캐폴딩 (렌더러)

  • 함수형 컴포넌트 + TypeScript Props 인터페이스
  • MUI sx prop 기반 스타일링
  • electronAPI IPC 호출 패턴

Vanilla JS 팝업 스캐폴딩

Speakly 패턴:

  • 별도 HTML 엔트리포인트
  • 순수 DOM 조작 (React 미사용)
  • 2-phase 리사이즈: prepare(측정) → resize → show
  • mouseenter/leave 이벤트 메인 프로세스 전달

모듈명: $ARGUMENTS