alvinindra/figma-mcp-rust/style-audit
Claude Code and agent skill by alvinindra/figma-mcp-rust
- community
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-auditSKILL.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
- 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).
- 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.
- 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).
- Report findings
Present a table:
| Node ID | Node Name | Issue | Raw Value | Matching Style |
|---|
- 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
- SKILL.md in the repositoryCheckingskills/style-audit/SKILL.md
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
[](https://verified-skill.com/skills/alvinindra/figma-mcp-rust/style-audit)