style-audit

Installation
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).
  2. 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.
Installs
1
GitHub Stars
38
First Seen
Sep 10, 2026