figma-sync
Sync a Figma-driven UI task into production code while preserving project conventions and validating visual parity.
Quellinformationen
- Repository
- agentenatalie/skill-bridge
- Letzte Quellaktivität
- 31. März 2026 um 00:41
- Erkannte Sprache von SKILL.md
- Englisch
- Sterne
- 0
- Forks
- 0
Installationsoptionen
Standardmäßig ist der Prompt ausgewählt, der zuerst die Quelle prüft. Sie können zu einem direkten Befehl wechseln oder eine lokale Kopie herunterladen.
Quelldateien prüfen
Lesen Sie SKILL.md und alle von SkillsMP angezeigten Begleitdateien, bevor Sie sich für eine Installation entscheiden.
Datei-Explorer
2 DateienSKILL.md wird angezeigt
SKILL.md
Quellanweisungen · Schreibgeschützte Vorschau- 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
```
Auf GitHub ansehen