// Generate design-to-development handoff documents. Use when (1) preparing designs for developers, (2) documenting component specifications, (3) creating style guides, (4) bridging design and code. Creates comprehensive handoff documents.
| name | design-handoff |
| description | Generate design-to-development handoff documents. Use when (1) preparing designs for developers, (2) documenting component specifications, (3) creating style guides, (4) bridging design and code. Creates comprehensive handoff documents. |
| tools | ["Write","Read","mcp_Framelink"] |
🔔 시스템 메시지: 이 Skill이 호출되면
[SEMO] Skill: design-handoff 호출 - 핸드오프 문서 생성시스템 메시지를 첫 줄에 출력하세요.
디자인-개발 협업을 위한 핸드오프 문서 생성
디자인 스펙을 개발자가 이해하고 구현할 수 있는 형태로 문서화합니다. Claude Code와 Antigravity 간의 정보 전달 브릿지 역할도 수행합니다.
/SEMO:handoff 명령어사용자: "로그인 폼의 핸드오프 문서 만들어줘"
[SEMO] Skill: design-handoff 호출 - 핸드오프 문서 생성
## 디자인 분석
- 대상: 로그인 폼
- 소스: generate-mockup 결과 / Figma 링크
[핸드오프 문서 생성]
✅ design-handoff.md 생성 완료
입력 유형 확인:
Figma 소스인 경우 Framelink MCP 활용
템플릿에 맞춰 핸드오프 문서 작성
저장 위치: docs/handoff/{component-name}-handoff.md