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 agentmods add skills/monkilabs/opencastle/figmanpx skills add monkilabs/opencastle --skill figmagit clone --depth 1 https://github.com/monkilabs/opencastleWhat 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 | $0.00040 | $0.00521 |
| Opus 5 | $0.00020 | $0.00260 |
| Sonnet 5 | $0.00008 | $0.00104 |
| Haiku 4.5 | $0.00004 | $0.00052 |
Grade A, and why
figma-design 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 3d 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.
What it actually says
Figma Design
Project design system: the frontend-design skill. Docs: https://www.figma.com/developers/api
MCP tools
| Tool | Purpose |
|---|---|
figma/get_file |
Full file structure — takes depth to cap traversal |
figma/get_file_nodes |
Specific nodes/frames by node_ids |
figma/get_images |
Export nodes: { ids, format, scale } |
figma/get_comments |
Design review comments |
figma/get_styles |
Color/text/effect styles |
figma/get_components |
Reusable components |
Every call needs file_key (from the file URL). Node IDs use a colon, e.g. "123:45". Never call get_file without depth on a large file — it returns the entire node tree.
Workflow
get_file_nodesfor the target frames; extract bounding boxes, fills, text styles, and auto-layout properties.- Map returned styles into token files (
src/styles/tokens.cssor token JSON) — do not inline raw hex values into components. - Build the component consuming those tokens, with a
data-testidso the result can be verified programmatically. - Verify: render in Storybook, compare DOM bounding boxes against the Figma node metrics. Acceptance: spacing within 4px, token colors exact, font family and weight exact.
- Outside threshold → fix the token mapping or ask design; re-run from step 1.
Figma → CSS, the non-obvious mappings
| Figma | CSS |
|---|---|
| Hug contents | width: fit-content |
| Fill container | flex: 1 (or width: 100%) |
| Fixed | width: Npx |
| Auto Layout gap | gap (not margins) |
| Drop shadow | box-shadow: x y blur spread color |
Auto Layout horizontal/vertical is just flex-direction: row/column.
What ships with it
1 file 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.
- 3d ago First seen · 44 lines · 40 tokens per session scan A b01016e37db5
figma-design is a skill published in the GitHub repository monkilabs/opencastle (61 stars, last pushed 5d ago), licensed MIT. It adds 40 tokens to every session and 521 once invoked, about $0.0002 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-08-30.
Other skills, from other repositories
product-architect
Complete product development system with 64 agents and 35 frameworks. Use when the user wants to build a product, write a PRD, plan an MVP or roadmap, design an app, research a market or check whether a feature already exists or is novel, do competitive analysis, run a security audit, build a financial model, plan…
codex-delegation
Use when a coding task would benefit from delegating work to Codex in the background — a deep independent second opinion, security or architecture analysis, or a parallel implementation running while the session continues. Lets Claude drive the codex companion itself (task, review, status --wait, result) without the…
cursor-delegation
Use when a coding task would benefit from delegating work to Cursor in the background — fast parallel implementation, scaffolding, or an everyday review running while the session continues. Lets Claude drive the cursor companion itself (task, review, status --wait, result) without the user typing /cursor: commands.
cursor-cli-runtime
Internal helper contract for calling the cursor-companion runtime from Claude Code.
cursor-prompting
Internal guidance for composing cursor-agent prompts and picking models for coding, review, diagnosis, and research tasks inside the Cursor Claude Code plugin.
goal-runner
Use when the user asks to advance, continue, or work on the project's long-horizon goal (or to set one up) — the policy for goal-driven increments driven through the goal companion, one increment at a time, delegated via the codex/cursor delegation skills, honestly recorded.