← All skills
figma-to-static
77 / 100 · Review before installing
Check before installing.
By LeoYeAI/agent-master-skills (GitHub) · design · 2,186 stars · scanned at commit 8f88f9a
Convert Figma design files to pixel-level mobile-first static HTML/CSS pages. Use when: (1) user provides a Figma file link and wants a static web page, (2) user sends design screenshots/assets and says "按设计图还原", (3) user asks to build a landing page from Figma, (4) iterating on Figma-to-code pixel accuracy. Handles: Figma MCP-first extraction (metadata/context/screenshots) with REST API fallback, layered DOM reconstruction (not whole-image paste), visual diff pipeline with region heatmap for q…
Works with any agent that supports SKILL.md skills.
What this skill can do
Runs commands on your computer
This is disclosed by the author in the skill's SKILL.md or README.
Found in 12 places.
Show 9 more
- skills/figma-to-static/SKILL.md, line 348
python3 scripts/fetch_figma_mcp.py ${MCP_AUTH:-} \ - skills/figma-to-static/SKILL.md, line 445
python3 scripts/figma_to_css.py --nodes rest-assets/nodes.json --out source/figma-extracted.css - skills/figma-to-static/SKILL.md, line 467
google-chrome --headless=new --disable-gpu --no-sandbox \ - skills/figma-to-static/SKILL.md, line 496
python3 -m http.server PORT --bind 0.0.0.0 - skills/figma-to-static/SKILL.md, line 511
google-chrome --headless=new --disable-gpu --no-sandbox \ - skills/figma-to-static/scripts/auth_session_guard.py, line 37
return subprocess.run( - skills/figma-to-static/scripts/auth_session_guard.py, line 39
shell=True, - skills/figma-to-static/scripts/auth_session_guard.py, line 40
stdout=subprocess.PIPE, - skills/figma-to-static/scripts/auth_session_guard.py, line 41
stderr=subprocess.STDOUT,
Downloads and installs other software
The author does not mention this.
Found in 5 places.
Show 2 more
Connects to the internet
The author does not mention this.
Found in 14 places.
Show 11 more
- skills/figma-to-static/scripts/fetch_figma_mcp.py, line 128
with urlopen(req, timeout=30) as resp: - skills/figma-to-static/scripts/fetch_figma_mcp.py, line 261
with urlopen(req, timeout=120) as resp: - skills/figma-to-static/scripts/fetch_figma_rest.py, line 26
import urllib.request - skills/figma-to-static/scripts/fetch_figma_rest.py, line 59
req = urllib.request.Request(url, headers={"X-Figma-Token": token}) - skills/figma-to-static/scripts/fetch_figma_rest.py, line 61
with urllib.request.urlopen(req, timeout=timeout) as resp: - skills/figma-to-static/scripts/fetch_figma_rest.py, line 91
urllib.request.urlretrieve(url, out_path) - skills/figma-to-static/scripts/parse_design_context.py, line 24
from urllib.request import Request, urlopen - skills/figma-to-static/scripts/parse_design_context.py, line 71
with urlopen(req, timeout=60) as resp: - skills/figma-to-static/scripts/validate_figma_input.py, line 15
import urllib.request - skills/figma-to-static/scripts/validate_figma_input.py, line 49
r = urllib.request.Request(url, headers={"X-Figma-Token": token}) - skills/figma-to-static/scripts/validate_figma_input.py, line 50
with urllib.request.urlopen(r, timeout=60) as resp:
Safer alternatives
Low-risk skills in the same category (design) that look related. Check that one does what you need.
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'figma-to-static' ] || [ -L ~/.agents/skills/'figma-to-static' ]; then echo 'A skill folder named figma-to-static already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/LeoYeAI/agent-master-skills' "$d" && git -C "$d" checkout --quiet '8f88f9a0dd5a1075d4f0c7626f9d960844d57575' -- 'skills/figma-to-static' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/figma-to-static' ~/.agents/skills/'figma-to-static' && rm -rf "$d"; fi
Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'figma-to-static' ~/.claude/skills/'figma-to-static' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.
Badge for your README
The badge for LeoYeAI/agent-master-skills shows the score of its lowest-scoring skill.
[](https://zalavijaysinh.github.io/skilltrust/repos/LeoYeAI/agent-master-skills/)
Score history
| Date | Version | Score |
|---|
| 2026-11-08 | 8f88f9a | 77 |
| 2026-11-07 | 8f88f9a | 67 |