e24bb8378c
- 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개 문서
31 lines
958 B
Markdown
31 lines
958 B
Markdown
---
|
|
name: scaffold-component
|
|
description: D3RO-VOICE 프로젝트 컨벤션에 맞게 새 컴포넌트/서비스를 스캐폴딩. 이름을 인자로 전달.
|
|
argument-hint: "[component or service name]"
|
|
allowed-tools: 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
|