alvinindra/figma-mcp-rust/style-audit

Claude Code and agent skill by alvinindra/figma-mcp-rust

Trust tier 2
  • community
LLM review pending
Source check pending

Checking that the SKILL.md file is still in the repository.

Find Figma nodes that use raw colors, fonts, or effects instead of linked styles and variables, then link them, using figma-mcp-rust. Use when auditing design system adoption, hunting detached styles, or cleaning up hardcoded values in a design.

Install

npx vskill@latest install alvinindra/figma-mcp-rust/style-audit

SKILL.md

Style Audit Strategy

Find all nodes that use raw (unlinked) fill colors, text styles, or effect styles instead of the design system's named styles or variables. Report findings and optionally fix them.

Steps

  1. Collect the design system
  • Call get_styles() to list all local paint, text, effect, and grid styles (note their names and IDs).
  • Call get_variable_defs() to list all local COLOR variables (note their names and IDs).
  1. Scan the design
  • Call get_design_context() with detail="compact" to get the full node tree.
  • For each node that has a fills, strokes, or textStyle property:
  • If the node's style field shows a named style (e.g. "fillStyle": "Brand/Primary"), it is already linked; skip it.
  • If the node shows a raw fill color (e.g. "fills": [{"type":"SOLID","color":...}]) without a style name, flag it.
  • If a TEXT node shows raw fontFamily/fontSize without a textStyle name, flag it.
  1. Match raw values to existing styles
  • For each flagged node, check whether the raw hex color matches any existing paint style color.
  • If a match is found, recommend apply_style_to_node() to link the node to that style.
  • If no match is found, note the raw value as a design system gap (a new style may be needed).
  1. Report findings

Present a table:

Node IDNode NameIssueRaw ValueMatching Style
  1. Fix (optional, ask user first)

For each node with a matching style, call: apply_style_to_node(nodeId, styleId, target) Batch nodes by styleId to minimize round trips.

Rules

  • Never change a node's visual appearance; only link it to a style that already matches.
  • Skip INSTANCE nodes whose overrides intentionally diverge from the main component.
  • Process in chunks of 20 nodes at a time when scanning large trees.

Security

  • Security scanPassed, 100 of 100Pattern checks on the skill's files.
  • Model reviewNot runA model review is scheduled for the next rescan.

Quality evaluation

  • Task evaluationNot runNo evaluation yet. Run one in Skill Studio.

Source

Popularity

7-day trend score
0

Not refreshed yet.

Works with

Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.

  • Claude Code
  • Cursor
  • GitHub Copilot
  • Windsurf
  • Codex
  • Gemini CLI
  • Cline
  • Amp
  • Roo Code
  • Goose
  • Continue
  • Kilo Code
  • Junie
  • Trae
  • OpenHands
  • Qwen Code
  • AI Agent
  • Tabnine Chat
  • Sourcegraph Cody
  • Amazon Q
  • Firebase Genkit
  • Sweep
  • Devin
  • Phind
  • Mentat
  • Claude Desktop
  • Aider
  • GPT Pilot
  • Plandex
  • bolt.new
  • v0
  • Replit Agent
  • Anse
  • TypingMind
  • BetterChatGPT
  • LibreChat
  • Warp AI
  • Pieces
  • Fig AI
Embed badge
vskill VERIFIED badge
[![vskill VERIFIED](https://verified-skill.com/api/v1/skills/alvinindra/figma-mcp-rust/style-audit/badge)](https://verified-skill.com/skills/alvinindra/figma-mcp-rust/style-audit)

Something wrong with this skill or its page? Tell us.