Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add tdimino/claude-code-minoan --skill figma-mcpgit clone --depth 1 https://github.com/tdimino/claude-code-minoanWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/tdimino/claude-code-minoan/figma-mcp)<a href="https://agentmods.dev/skills/tdimino/claude-code-minoan/figma-mcp"><img src="https://agentmods.dev/badge/skills/tdimino/claude-code-minoan/figma-mcp/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/tdimino/claude-code-minoan/figma-mcp"><img src="https://agentmods.dev/badge/skills/tdimino/claude-code-minoan/figma-mcp.svg" alt="Reviewed on agentmods" width="80" height="20"></a>- NVIDIA SkillSpector pass
What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00079 | $0.02117 |
| Opus 5 | $0.00039 | $0.01059 |
| Sonnet 5 | $0.00016 | $0.00423 |
| Haiku 4.5 | $0.00008 | $0.00212 |
Grade A, and why
figma-mcp scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 7d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 248 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Figma MCP
Overview
This skill enables accurate design-to-code conversion by leveraging Figma's MCP (Model Context Protocol) server to access structured design data directly from Figma files. Unlike screenshot-based approaches, the Figma MCP provides semantic information about every design element including exact spacing, colors, typography, component hierarchy, and design system tokens, resulting in significantly more accurate code generation.
When to Use This Skill
Trigger this skill when users:
- Provide Figma URLs (file links or frame selection links)
- Request converting/implementing Figma designs into code
- Ask to "build this from Figma" or "implement this design"
- Need to extract design tokens, variables, or design system values
- Want to update existing code to match a Figma design
- Mention maintaining design-to-code consistency
Workflow
Step 1: Receive Figma Design Reference
When a user provides a Figma URL or requests design implementation:
-
Identify the Figma link type:
- File URL:
https://www.figma.com/file/[FILE_KEY]/... - Frame selection:
https://www.figma.com/file/[FILE_KEY]/...?node-id=[NODE_ID] - Design URL:
https://www.figma.com/design/[FILE_KEY]/...
- File URL:
-
Confirm access:
- Verify the Figma MCP server is configured and accessible
- If not configured, reference
references/setup-guide.mdfor setup instructions
Step 2: Fetch Design Data Using MCP Tools
Use the available Figma MCP tools to retrieve structured design data:
Key MCP Tools Available:
- get_figma_data - Fetch complete design data for a file or specific frame
- get_figma_variables - Extract design tokens (colors, spacing, typography)
- get_figma_components - Retrieve component definitions and instances
- get_figma_styles - Access text, color, and effect styles
Best Practice: Start with get_figma_data for the specific frame or node the user referenced. This provides the complete structure, layout data, and styling information.
What ships with it
3 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 7d ago First seen · 248 lines · 79 tokens per session scan A e237a01bc0df
figma-mcp is a skill published in the GitHub repository tdimino/claude-code-minoan (41 stars, last pushed today), licensed MIT. It adds 79 tokens to every session and 2,117 once invoked, about $0.0004 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-03.
Other skills, from other repositories
component-composition
How to combine fundamental-styles components correctly - required wrappers, nesting rules, and common composition patterns.
bem-naming
BEM (Block Element Modifier) methodology and naming conventions used in fundamental-styles with real examples.
component-docs
Browse fundamental-styles component documentation with complete HTML examples from 140+ auto-generated markdown files. Use this when the user asks about component examples, modifiers, variants, HTML structure, or wants to see working code for any fundamental-styles component (button, table, input, dialog, etc.). Also…
color-palette-generator
Create an HTML color palette from a mood, description, or image, with swatches, color codes, pairings, and contrast checks. Use for color schemes or brand colors.
static-web-artifacts-builder
Build self-contained static HTML artifacts opened in a browser: interactive diagrams, dashboards, infographics. Pure HTML5+CSS3+inline SVG, zero toolchain. Triggers on: "interactive HTML", "open in browser", "HTML artifact", "visual dashboard", "HTML infographic". NOT for PNG/SVG output, use concept-to-image.
html-draft
Use when user wants a standalone HTML diagram in flat engineering blueprint style — architecture diagrams, system flows, technical spec sheets, component maps. Generates one HTML file using Tailwind v4 (browser CDN) for layout and D3 v7 (CDN) for SVG diagrams. User-invoked only — do NOT auto-trigger. Triggers on…