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