codify-design-to-code
✓Figma/MasterGo는 이전에 Figma/MasterGo를 지원합니다.精准提取样式属性，生成高质weight、可维护的任意框架组件代码。
SKILL.md
| 截图 | 视觉效果、颜色感知、间距比例、整体氛围 | 精确数值、层级结构、节点 ID | | 骨架 | 组件边界、布局方向、重复模式、节点层级 | 具体样式、颜色、字体大小 | | JSON | 精确 CSS 值、节点属性、资源 ID | 视觉上下文、设计意图 |
| 层级 ≤3 且 区域 ≤2 | A：Step 4 整体实现 | | 层级 >3 或 区域 >2 | B：必须阅读文档并执行 phased-workflow.md |
| 图标 | type: "ICON" | SVG | | 图片背景 | customStyle 含 url( ) | PNG | | 图片占位符 | RECTANGLE + object-fit: cover（无 url） | PNG |
Figma/MasterGo는 이전에 Figma/MasterGo를 지원합니다.精准提取样式属性，生成高质weight、可维护的任意框架组件代码。 출처: chenaey/codify-dev-skill.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/chenaey/codify-dev-skill --skill codify-design-to-code- 카테고리
- *크리에이티브
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
codify-design-to-code이란?
Figma/MasterGo는 이전에 Figma/MasterGo를 지원합니다.精准提取样式属性，生成高质weight、可维护的任意框架组件代码。 출처: chenaey/codify-dev-skill.
codify-design-to-code 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/chenaey/codify-dev-skill --skill codify-design-to-code 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/chenaey/codify-dev-skill
상세
- 카테고리
- *크리에이티브
- 출처
- skills.sh
- 최초 등록
- 2026-02-01