Design skills

Browse reusable Agent Skills, each with a clear purpose and practical guidance.

create-anatomy

Generate a visual anatomy annotation in Figma showing numbered markers on a component instance with an attribute table. Use when the user mentions "anatomy", "anatomy annotation", "component anatomy", "create anatomy", or wants to annotate a component's structural elements.

232 repo starsObserved in 1 repos
Design

create-color

Generate color annotation specifications mapping UI elements to design tokens. Use when the user mentions "color", "color annotation", "color spec", "tokens", "design tokens", or wants to document which color tokens a component uses.

232 repo starsObserved in 1 repos
Design

create-component-md

Generate a single self-contained markdown specification for a Figma component covering API, structure, color, and screen-reader behavior. Reads a `_base.json` produced by the uSpec Extract plugin, runs four read-only interpretation skills in parallel, reconciles their outputs, and writes one `.md` to disk. Use when the user mentions "component md", "component markdown", "spec md", "source of truth", "create-component-md", or wants a portable Markdown spec that any LLM can build from.

232 repo starsObserved in 1 repos
Design

create-property

Generate a visual property annotation in Figma showing each configurable property axis with component instance previews. Use when the user mentions "property", "properties", "property annotation", "create property", or wants to document a component's configurable properties visually.

232 repo starsObserved in 1 repos
Design

create-structure

Generate structure specifications documenting component dimensions, spacing, padding, and how values change across density, size, and shape variants. Use when the user mentions "structure", "structure spec", "dimensions", "spacing", "density", "sizing", or wants to document a component's dimensional properties.

232 repo starsObserved in 1 repos
Design

diagramming

Generate Mermaid diagrams for biological pathways, molecular networks, and experimental workflows

232 repo starsObserved in 1 repos
Design

establish-visual-hierarchy

Determine what UI element draws attention first, second, third using size, weight, color, and de-emphasis strategies

232 repo starsObserved in 1 repos
Design

extract-voice

Interpret a component's screen-reader accessibility spec (focus order, merge analysis, per-state platform tables for VoiceOver/TalkBack/ARIA, slot insertion plans) from the `_base.json` produced by the uSpec Extract Figma plugin, and write the normalized JSON to disk. Read-only interpretation — no Figma calls except an optional tiny delta script.

232 repo starsObserved in 1 repos
Design

geometry-generator

Generate parametric bioinspired ribbed membrane STL geometry via LLM-guided design. Takes a spec JSON (from StructureAnalyst/PropertyPredictor upstream artifacts), calls the LLM with a structured CAD prompt to produce design parameters, then builds a triangulated STL mesh in Python. Returns artifact JSON with stl_path, mesh stats, and the prompt used.

232 repo starsObserved in 1 repos
Design