figma-use-slides

figma-use-slides is a skill for Claude Code from HK-hub/AgentSkills. It costs 43 tokens per session (4,906 once invoked), scanned A, a copy of figma-use-slides, MIT.

A guide for using Figma's plugin interface with presentation slides and decks.

In plain words
What is it for?
Use it for creating or updating Figma slide decks, matching a reference style, refining layouts, or managing presentation notes.
Why use it?
It explains how to handle slide-specific work and choose an appropriate way to build or edit a deck, including layouts, styling, and speaker notes.

Skill for Claude Code

Written for Claude Code: disable-model-invocation in frontmatter. Also seen: names the AskUserQuestion tool.

Good fit Use it for creating or updating Figma slide decks, matching a reference style, refining layouts, or managing presentation notes.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/hk-hub/agentskills/figma-use-slides
Install

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.

Any agent
npx skills add HK-hub/AgentSkills --skill figma-use-slides
Clone the repo
git clone --depth 1 https://github.com/HK-hub/AgentSkills

Made for: Claude Code.

Wrote 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.

agentmods badge for figma-use-slides

README.md
[![agentmods](https://agentmods.dev/badge/skills/hk-hub/agentskills/figma-use-slides/github.svg)](https://agentmods.dev/skills/hk-hub/agentskills/figma-use-slides)
Your own site
<a href="https://agentmods.dev/skills/hk-hub/agentskills/figma-use-slides"><img src="https://agentmods.dev/badge/skills/hk-hub/agentskills/figma-use-slides/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.

agentmods 80×15 button for figma-use-slides

Your own site · 80×15
<a href="https://agentmods.dev/skills/hk-hub/agentskills/figma-use-slides"><img src="https://agentmods.dev/badge/skills/hk-hub/agentskills/figma-use-slides.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 43 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 4,906 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin 95% copy Near-identical to another mod in the catalogue.
Token cost

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.

ModelPer sessionOnce invoked
Fable 5.1 $0.00043 $0.04906
Opus 5 $0.00022 $0.02453
Sonnet 5 $0.00009 $0.00981
Haiku 4.5 $0.00004 $0.00491

Measured 7d ago against content hash 0a69a65e686d, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-10, from the pricing page.

Security

Grade A, and why

figma-use-slides 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.

Origin

This is a copy

95% identical to figma-use-slides — 55 lines differ, which has more behind it and is treated as the original. This page carries a canonical link to it rather than competing with it.

figma-use-slides/SKILL.md · 215 lines

How it starts

The opening of the file, as written. The whole thing — 215 lines — stays where its author put it; the contents beside it link to each section on GitHub.

use_figma — Figma Plugin API Skill for Slides

This skill contains Slides-specific context for the use_figma MCP tool. The figma-use skill provides foundational context for plugin API execution via MCP as well as the full Figma plugin API for more advanced use-cases that are not described here.

Always include figma-use-slides in the comma-separated skillNames parameter when calling use_figma for Slides operations. If this skill was loaded via an MCP resource, you MUST prefix the name with resource: (e.g. resource:figma-use-slides). This is a logging parameter used to track skill usage — it does not affect execution.

Choosing How to Build a Slides Deck

If your environment also provides a generate_deck tool, choose one approach per deck request — do not call both for the same deck.

When to use which

use_figma + this skill (default): Handles any Slides task — new decks, edits to existing decks, brand-matched designs, reference-file styling, iterative refinement, speaker notes, and full creative control over layout, color, and typography. Use this for most requests.

generate_deck: Generates a complete deck in a single call using prebuilt, curated templates. Useful for quick, straightforward decks where the user doesn't need custom design, brand matching, or reference-file styling. It cannot use custom templates, cannot reference other Figma files for design direction, and does not support iterative editing or follow-up modifications through the conversation.

When in doubt, default to use_figma + this skill — it covers everything generate_deck can do and more.

Pick one and commit

Once you choose an approach for a deck, complete the entire request with that approach. Do not generate a deck with generate_deck and then also create or populate a file with use_figma — the user ends up with duplicate, conflicting artifacts and a confusing experience.

Critical Rules (Slides-specific)

  1. Newly created Slides files have a default light theme. When a Slides file is created via create_new_file, a default light theme is automatically initialized. This theme is structural scaffolding — you should overwrite the theme's color variables and text styles with your own design direction for the deck you're building. Do not rely on or be influenced by the default light theme tokens.
  2. MUST appendChild BEFORE setting x/y — for every node, at every level of nesting. Newly created nodes are silently auto-parented to a slide context at absolute (240, 240) (the slide grid's GRID_PADDING). Writing x/y before appendChild causes the value to be stored against that hidden origin; the node then lands at (intended − 240, intended − 240) once you attach the real parent. The bug is intermittent — some frames in the same script escape it, so a working test is not proof you're safe. Signature to recognize: if any node ends up (−240, −240) from where you set it, your code set x/y before the final appendChild. Do NOT try to compensate by adding 240 back — that produces worse output on retry. Fix the order instead. See slide-gotchas.md for the helper pattern that makes the order impossible to get wrong.
  3. SLIDE_GRID and SLIDE_ROW are opaque nodes — do not access .fills, .effects, or layout properties on them. Only SLIDE nodes (type 'SLIDE') extend BaseFrameMixin. Exception: SLIDE_ROW.name IS settable — that's how plugins rename slide sections (e.g. slideRow.name = "Intro"). See slide-lifecycle.md.
  4. get_metadata does NOT work on Slides files. Use use_figma read-only scripts for validation. Return created node positions in closePlugin() output and verify no overlapping bounding boxes.
  5. Do NOT call figma.createPage() in Slides. It throws TypeError: figma.createPage no such property 'createPage' on the figma global objectcreatePage() is a Design-file API only (figma.com/design/...); the Slides URL is figma.com/slides/.... Use the slide grid (SLIDE_GRID / SLIDE_ROW / SLIDE) to organize deck structure instead — see slide-lifecycle.md and slide-grid.md.
  6. Never delete existing slides to rebuild them. When asked to improve, redesign, or restyle a deck, modify the existing slides in place. Only delete slides when the user explicitly asks to "start over" or "redo from scratch."

Read the full file on GitHub · 215 lines

Files

What ships with it

6 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.

Changes

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.

  1. 7d ago First seen · 215 lines · 43 tokens per session scan A 0a69a65e686d

Subscribe to this mod's changes

figma-use-slides is a skill published in the GitHub repository HK-hub/AgentSkills (6 stars, last pushed 23d ago), licensed MIT. It adds 43 tokens to every session and 4,906 once invoked, about $0.0002 per session on Opus 5. A static security scan graded it A with 0 findings. It is 95% identical to figma-use-slides, differing in 55 lines, and is treated as a copy.

Related

Other skills, from other repositories

mermaid

Create, validate, and repair Mermaid.js diagrams. Use when generating flowcharts, sequence, class, ER, state, or Gantt diagrams, or any visualization.

rp1-run/rp1 · 36 tokens

loft

Loft the shape before cutting steel — answer a design question that prose cannot settle by building a throwaway artifact: a pure logic module in a clickable shell, or structurally different UI variants behind one route. The captain reacts to the artifact; the answer folds into the decision; the artifact never docks.…

Yeachan-Heo/oh-my-claudecode · 0 tokens

plannotator-annotate

Open Plannotator's annotation UI for a file, folder, or URL, then address the returned annotations.

backnotprop/plannotator · 29 tokens

visual-qa

Runs rigorous visual QA across web, terminal, and paginated surfaces with screenshot evidence and a verdict. Use for any UI build or change, or when asked whether a page, component, or TUI looks right.

code-yeongyu/oh-my-openagent · 47 tokens

frontend

Builds, styles, and polishes web UI and UX. Use for any frontend, page, component, styling, layout, animation, or visual-quality task, or when asked to make an interface look or feel a certain way.

code-yeongyu/oh-my-openagent · 49 tokens

layout-skill

Layer A layout-mechanics reference. Stacks on any style skill when the screen is an app shell, dashboard, settings, list-detail, mail/inbox, or any layout with fixed regions plus a scrolling body — or when a layout breaks under long, empty, or unbroken content. Owns spatial structure and scroll ownership; owns zero…

code-yeongyu/oh-my-openagent · 88 tokens