figma-sync
Sync a Figma-driven UI task into production code while preserving project conventions and validating visual parity.
ソース情報
- リポジトリ
- agentenatalie/skill-bridge
- ソースの最終更新活動
- 2026年3月31日 00:41
- 検出された SKILL.md の言語
- 英語
- スター
- 0
- フォーク
- 0
インストール方法
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
ソースファイルを確認
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
ファイルエクスプローラー
2 ファイルSKILL.md を表示中
SKILL.md
ソースの指示 · 読み取り専用プレビュー- name
- figma-sync
- description
- Sync a Figma-driven UI task into production code while preserving project conventions and validating visual parity.
# Figma Sync
Use this skill when a task starts from a Figma frame or node link and needs to become production code.
## Tools
- `Read`
- `Bash`
- `Task`
- `WebSearch`
## Constraints
- Always fetch concrete design context before implementation.
- Reuse project components and tokens before inventing new ones.
## Examples
### Input
Implement this Figma card component in the current app.
### Output
```text
Implementation plan:
- Fetch design context
- Map to existing UI primitives
- Verify spacing and typography against screenshot
```
GitHubで見る