figma-implement-design
Translate specific Figma nodes into production-ready UI with close visual fidelity and project-aware implementation decisions.
소스 정보
- 저장소
- Calvin-Corbett/thomas
- 최근 소스 활동
- 2026년 9월 9일 02:49
- 감지된 SKILL.md 언어
- 영어
- 스타
- 4
- 포크
- 0
설치 방법
기본적으로 소스를 먼저 확인하는 Prompt가 선택됩니다. 직접 명령으로 전환하거나 로컬 사본을 다운로드할 수도 있습니다.
소스 파일 검토
설치 여부를 결정하기 전에 SKILL.md와 SkillsMP에 표시된 보조 파일을 읽어 보세요.
SKILL.md 표시 중
SKILL.md
소스 지침 · 읽기 전용 미리보기- name
- figma-implement-design
- description
- Translate specific Figma nodes into production-ready UI with close visual fidelity and project-aware implementation decisions.
# Figma Implement Design
Use this skill when Thomas must implement a Figma design faithfully in code rather than only summarizing it.
## Workflow
1. Inspect the exact Figma node or screen and gather screenshots, measurements, and assets.
2. Translate the design into the project?s real component structure instead of flat copywork.
3. Implement the UI with attention to spacing, typography, responsive behavior, and states.
4. Verify the result visually against the design source.
5. Report any intentional implementation deviations and why they were necessary.
## Rules
- Aim for fidelity, but adapt responsibly to the project?s real architecture.
- Do not ignore responsive states or interactive variants.
GitHub에서 보기