Format design specs for components, screens, flows, and token mappings.
npx skills add https://github.com/cliveportman/way-of-the-goat --skill design-specs
Please help me install this Agent Skill. Skill: design-specs Source: https://github.com/cliveportman/way-of-the-goat/tree/main/.claude/skills/design-specs Command: npx skills add https://github.com/cliveportman/way-of-the-goat --skill design-specs
Design-specs provide a centralized standard for describing UI components, screens, flows, and token mappings so teams communicate consistently and reduce handoff errors.
Start by inspecting the design-specs structure and follow the component, screen, flow, and token templates to bridge Figma designs with Compose implementations.
High-intent search queries and answers about installing and using this skill.
Design specs for Figma to Compose handoff are standardized using templates for components, screens, flows, and tokens. This provides precise token-to-Compose mappings and bottom-up design-to-code guidance to reduce implementation errors.
Documenting UI design tokens for a codebase involves applying standardized token mapping templates. This ensures clear mappings from Figma design tokens to Compose tokens, providing a quick reference for accurate design consumption within the implementation.
Formatting design specs for components and flows requires applying structured templates across the design-specs structure. This standardizes handoff between design and implementation by defining clear formats and relationships for raw exports, screens, and tokens.
Yes, you can map Figma tokens to Compose implementations. The design-specs structure provides precise token-to-Compose mappings, bridging Figma designs with Compose implementations to ensure accurate UI component rendering.
No, design-specs does not require any external dependencies or components. It functions independently to provide standardized templates and mappings for design-to-code workflows within your existing codebase and design environment.
kaeligExtract Figma component specifications and generate a Markdown brief.
daffy0208Convert Figma designs into React components and design tokens.
mkatoguiSync Figma tokens with design-tokens.json and validate DTCG structure.
ilove323Generate markdown-ready developer handoff specifications from Figma links or screenshots.
