What is cascade-analyze-figma-frame-mcp?

A workflow for analyzing one Figma design frame through a connected data service when the design files are not available locally. It retrieves the frame's image, structure, and context before producing an analysis.

Use it as part of a larger workflow when you have a Figma frame URL and a valid batch token from an earlier Figma data request.

It allows frame analysis in environments where local files or direct downloads are unavailable.

cascade-analyze-figma-frame-mcp — Skill for Claude Code by bitovi

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 bitovi/cascade-mcp --skill cascade-analyze-figma-frame-mcp

Clone the repo

git clone --depth 1 https://github.com/bitovi/cascade-mcp

Made for: Claude Code.

Or install cascade-mcp, the plugin that ships this one along with the rest of its 13 skills.

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.

README.md

[![agentmods](https://agentmods.dev/badge/skills/bitovi/cascade-mcp/cascade-analyze-figma-frame-mcp/github.svg)](https://agentmods.dev/skills/bitovi/cascade-mcp/cascade-analyze-figma-frame-mcp)

Your own site

<a href="https://agentmods.dev/skills/bitovi/cascade-mcp/cascade-analyze-figma-frame-mcp"><img src="https://agentmods.dev/badge/skills/bitovi/cascade-mcp/cascade-analyze-figma-frame-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.

Your own site · 80×15

<a href="https://agentmods.dev/skills/bitovi/cascade-mcp/cascade-analyze-figma-frame-mcp"><img src="https://agentmods.dev/badge/skills/bitovi/cascade-mcp/cascade-analyze-figma-frame-mcp.svg" alt="Reviewed on agentmods" width="80" height="20"></a>

Per session 90 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.

When invoked 1,022 The whole file, excluding the scripts and references it only reads on demand.

Security scan A 1 finding. A grade says what 26 rules found in the file — not that it is safe. Third-party audits

NVIDIA SkillSpector pass 7 Sept 2026

How audits are shown

Origin original No closer match found 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.

Model	Per session	Once invoked
Fable 5.1	$0.00090	$0.01022
Opus 5	$0.00045	$0.00511
Sonnet 5	$0.00018	$0.00204
Haiku 4.5	$0.00009	$0.00102

Measured 11d ago against content hash 930b2dd2f9df, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-11, from the pricing page.

Security

Grade A, and why

cascade-analyze-figma-frame-mcp scanned grade A with 1 finding 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 11d 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.

Makes network callslowCapability

Not a fault in itself. Listed so you know the mod talks to something, and to what.

description: "Sub-skill: Analyze a single Figma design frame via the figma-frame-data MCP tool. Use this variant when local files are NOT available (e.g., GitHub cloud Copilot where curl is blocked). Calls figma-frame-da

plugins/cascade-mcp/skills/cascade-analyze-figma-frame-mcp/SKILL.md · 121 lines

How it starts

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

Analyze Figma Frame (MCP)

Analyze a single Figma design frame by retrieving its data via the figma-frame-data MCP tool. This skill is designed for environments where local files are NOT available (e.g., GitHub cloud Copilot where curl cannot download zip files).

Use cascade-analyze-figma-frame (the filesystem variant) when local files ARE available — it's faster and avoids MCP round-trips.

When to Use

This is a sub-skill called as a subagent by parent skills during parallel frame analysis when the cache path is being used (i.e., figma-batch-cache was called instead of figma-batch-zip).

The parent skill passes:

The frame's Figma URL (with node-id)
The batchToken from figma-batch-cache

Prerequisites

Cascade MCP server connected (tools available)
A valid batchToken from a prior figma-batch-cache call
The frame's Figma URL (must contain node-id)

Procedure

1. Retrieve frame data via MCP

Call the MCP tool figma-frame-data with:

url: The Figma URL for this frame (passed by parent)
batchToken: The batch token (passed by parent)
includeStructure: true

The tool returns multiple content blocks:

Image — The frame screenshot (use as vision input for analysis)
Context markdown — Designer annotations, comments, connections to other frames
Structure XML — Semantic XML component tree
Metadata JSON — Frame ID, name, file key

2. Analyze the frame

Using the image, context, and structure from the MCP response, perform the analysis. Key analysis areas:

Page Structure

Header, navigation, layout regions
Visual hierarchy and content flow

Layout Structure Analysis

Grid dimensions (count rows, columns systematically)
Element mapping within the grid
Spacing and alignment patterns

Primary UI Elements

Buttons, forms, tabs, dropdowns — with exact labels from the design
Visual states: active, hover, disabled, selected, empty
Component names from the structure XML

Read the full file on GitHub · 121 lines

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.

11d ago First seen · 121 lines · 90 tokens per session scan A 930b2dd2f9df

Subscribe to this mod's changes

cascade-analyze-figma-frame-mcp is a skill published in the GitHub repository bitovi/cascade-mcp (24 stars, last pushed 22d ago), licensed MIT. It adds 90 tokens to every session and 1,022 once invoked, about $0.0005 per session on Opus 5. A static security scan graded it A with 1 finding (makes network calls). No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.

Design and UX

webgl-holographic-foil

A self-contained WebGL2 hero: thin-film interference over a crushed-foil surface whose palette shifts with the viewing angle; move the cursor to tilt the film.

nexu-io/open-design · 41 tokens

html-ppt-hermes-cyber-terminal

OpenDesign + BYOK: choosing and wiring your own model, hands-on — cost, quality, and the routing decision. Built as a decision-grade AI literacy deck for engineers, IT, applied-AI teams.

nexu-io/open-design · 53 tokens

html-ppt-taste-brutalist

16:9 HTML deck in tactical-telemetry / CRT-terminal taste. Deactivated-CRT charcoal slides, white-phosphor monospace, hazard-red accent, scanline overlay, ASCII syntax, density over decoration. Distilled from Leonxlnx/taste-skill brutalist-skill (Tactical Telemetry mode).

nexu-io/open-design · 78 tokens

cascade-analyze-figma-frame-mcp