Renames Figma frame layers to role-based PascalCase design-system names.
npx skills add https://github.com/ledtorch/coding-agent-workflow --skill label-ledtorch
Please help me install this Agent Skill. Skill: label Source: https://github.com/ledtorch/coding-agent-workflow/tree/main/skills/label Command: npx skills add https://github.com/ledtorch/coding-agent-workflow --skill label-ledtorch
Category + Qualifier names (e.g. ButtonPrimary, IconBadge) drawn from a fixed design-system vocabulary (Icon, Button, Nav, List, Form, Card, Sheet, Element, Banner, Illustration, Marker). - Safe, name-only writes: Never modifies design, layout, text content, or structure — only the name property. Instance-internal nodes (ids containing ;) are automatically skipped. - Figma MCP integration: Reads structure via get_metadata and get_design_context, then renames through use_figma, with a TalkToFigma fallback for live-selection work. - Use Case: Paste a Figma node URL for a messy screen and receive a before/after tree where every layer has a meaningful, library-consistent name, plus a list of skipped and already-correct nodes. ## Quick Start Run /label with a Figma node URL, such as "label this frame: https://figma.com/design/abc123/MyFile?node-id=13126-26561", to rename its layers to the design-system convention.High-intent search queries and answers about installing and using this skill.
Provide a Figma node URL to the label command, which reads the frame's subtree, classifies each node, and applies PascalCase Category + Qualifier names like ButtonPrimary or IconBadge. It reports a before/after tree when finished.
Names follow PascalCase in a Category + Qualifier shape, using a fixed category vocabulary: Icon, Button, Nav, List, Form, Card, Sheet, Element, Banner, Illustration, and Marker. Existing peer naming patterns in the file take precedence over generic guesses.
No. Instance-internal nodes, identified by ids containing a semicolon, inherit their names from the source component and cannot be overridden. The Skill skips these nodes and lists them as skipped in its report.
No. The Skill enforces a hard name-only invariant: it writes only the node name property and never touches fills, size, layout, auto-layout, structure, or text content. If a step would affect anything else, it stops and reports.
The default path uses the official Figma MCP server with get_metadata, get_design_context, and use_figma. A TalkToFigma plugin fallback exists for live-selection work, requiring the plugin open and a joined channel.
dadafingerApplies planning and prototype changes to existing Figma nodes through a repeatable workflow.
fullya99Convert Figma designs into accessible, responsive components with mapped CSS and design tokens.
figmaTranslate Figma designs into UI code using design tokens and existing components.
redongreenAdd new changelog entries to a specified Figma frame using MCP tools.