---
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