agentenatalie/skill-bridge/figma-sync

Name: figma-sync
Author: agentenatalie

Claude Code and agent skill by agentenatalie/skill-bridge

Trust tier 3

community

Source check pending

Checking that the SKILL.md file is still in the repository.

Sync a Figma-driven UI task into production code while preserving project conventions and validating visual parity.

Install

npx vskill@latest install agentenatalie/skill-bridge/figma-sync

SKILL.md

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

Security

Security scanPassed, 90 of 100Pattern checks on the skill's files.
Model reviewPassed

See the full security report

Quality evaluation

Task evaluationNot runNo evaluation yet. Run one in Skill Studio.

See evaluation results

Source

SKILL.md in the repositoryCheckingexamples/codex/figma-sync/SKILL.md

Popularity

7-day trend score: 0

Not refreshed yet.

Works with

Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.

Claude Code
Cursor
GitHub Copilot
Windsurf
Codex
Gemini CLI
Cline
Amp
Roo Code
Goose
Continue
Kilo Code
Junie
Trae
OpenHands
Qwen Code
AI Agent
Tabnine Chat
Sourcegraph Cody
Amazon Q
Firebase Genkit
Sweep
Devin
Phind
Mentat
Claude Desktop
Aider
GPT Pilot
Plandex
bolt.new
v0
Replit Agent
Anse
TypingMind
BetterChatGPT
LibreChat
Warp AI
Pieces
Fig AI

Embed badge

[![vskill VERIFIED](https://verified-skill.com/api/v1/skills/agentenatalie/skill-bridge/figma-sync/badge)](https://verified-skill.com/skills/agentenatalie/skill-bridge/figma-sync)

Something wrong with this skill or its page? Tell us.