figma-implement-design
Translate specific Figma nodes into production-ready UI with close visual fidelity and project-aware implementation decisions.
Skill by Calvin-Corbett
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/calvin-corbett-figma-implement-design
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: design
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/figma-implement-design
What's inside
- Skill name
figma-implement-design- Description
- Translate specific Figma nodes into production-ready UI with close visual fidelity and project-aware implementation decisions.
- License
- MIT
- Instructions
- 16 lines in SKILL.md · view on GitHub
Files (1)
- SKILL.md
SKILL.md (first lines)
# 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.
From Calvin-Corbett/thomas, MIT.
More from Calvin-Corbett/thomas
- 0.569score
incremental-cache-cli-modes
Calvin-Corbett
Use when implementing incremental caches, cache invalidation, cache stats, cache summary, list/import/export/prune/clear cache CLI modes, or CLI…
SkillBFreshness: B★ 4Claude Code +9 - 0.569score
line-suppression-directives
Calvin-Corbett
Use when implementing analyzer or linter suppression directives such as nosec, nosec-begin/nosec-end, nosec-next-line, noqa, ignore-next-line, disable/enable…
SkillBFreshness: B★ 4Claude Code +9 - 0.566score
async-lifecycle-initialization
Calvin-Corbett
Implement async service initialization, lifecycle startup, dependency graph ordering, concurrency-limited initializers, rollback/disposal on failure…
SkillBFreshness: B★ 4Claude Code +9 - 0.566score
multipart-http-response-parser
Calvin-Corbett
Implement multipart HTTP response parsing APIs with Content-Type boundary validation, MIME delimiter framing, CRLF/LF/CR streaming chunks, part headers…
SkillBFreshness: B★ 4Claude Code +9 - 0.561score
notion-knowledge-capture
Calvin-Corbett
Capture conversations and decisions into structured Notion knowledge artifacts with useful titles, summaries, and links.
SkillBFreshness: B★ 4Claude Code +9 - 0.561score
capcut-video-editor
Calvin-Corbett
Plan and execute CapCut-oriented edits for short-form marketing, promo, explainer, and caption-heavy videos with fast iteration in mind.
SkillBFreshness: B★ 4Claude Code +9 - 0.561score
cloudflare-deploy
Calvin-Corbett
Deploy applications and infrastructure to Cloudflare Workers, Pages, and related services with environment and routing checks.
SkillBFreshness: B★ 4Claude Code +9 - 0.561score
gh-fix-ci
Calvin-Corbett
Diagnose failing GitHub checks, isolate the concrete breakage, and land the smallest defensible fix with targeted verification.
SkillBFreshness: B★ 4Claude Code +9 - 0.561score
auto-skillify
Calvin-Corbett
Detect repeated multi-step workflows and turn them into reusable Thomas-native skill bundles with validation and maintenance notes.
SkillBFreshness: B★ 4Claude Code +9 - 0.561score
jupyter-notebook
Calvin-Corbett
Scaffold and refine Jupyter notebooks for experiments, tutorials, and exploratory workflows with clear narrative structure.
SkillBFreshness: B★ 4Claude Code +9 - 0.558score
netlify-deploy
Calvin-Corbett
Deploy sites and apps to Netlify with build, environment, and preview-vs-production clarity.
SkillBFreshness: B★ 4Claude Code +9 - 0.558score
develop-web-game
Calvin-Corbett
Iterate on HTML or JavaScript web games with a tight browser-test loop, focused interactions, and visual verification.
SkillBFreshness: B★ 4Claude Code +9
Signals
- Stars
- 4
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Sep 9, 2026 (1 month ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- MIT
- Repository
- github.com/Calvin-Corbett/thomas
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from Calvin-Corbett
- 0.569score
incremental-cache-cli-modes
Calvin-Corbett
Use when implementing incremental caches, cache invalidation, cache stats, cache summary, list/import/export/prune/clear cache CLI modes, or CLI…
SkillBFreshness: B★ 4Claude Code +9 - 0.569score
line-suppression-directives
Calvin-Corbett
Use when implementing analyzer or linter suppression directives such as nosec, nosec-begin/nosec-end, nosec-next-line, noqa, ignore-next-line, disable/enable…
SkillBFreshness: B★ 4Claude Code +9 - 0.566score
async-lifecycle-initialization
Calvin-Corbett
Implement async service initialization, lifecycle startup, dependency graph ordering, concurrency-limited initializers, rollback/disposal on failure…
SkillBFreshness: B★ 4Claude Code +9 - 0.566score
multipart-http-response-parser
Calvin-Corbett
Implement multipart HTTP response parsing APIs with Content-Type boundary validation, MIME delimiter framing, CRLF/LF/CR streaming chunks, part headers…
SkillBFreshness: B★ 4Claude Code +9 - 0.561score
cloudflare-deploy
Calvin-Corbett
Deploy applications and infrastructure to Cloudflare Workers, Pages, and related services with environment and routing checks.
SkillBFreshness: B★ 4Claude Code +9 - 0.561score
capcut-video-editor
Calvin-Corbett
Plan and execute CapCut-oriented edits for short-form marketing, promo, explainer, and caption-heavy videos with fast iteration in mind.
SkillBFreshness: B★ 4Claude Code +9
Cite this page
figma-implement-design skill. Agent Mart. https://agentmart.dev/skills/calvin-corbett-figma-implement-design (last updated 2026-10-24)