Create, validate, and export Google DESIGN.md files to Tailwind CSS or W3C DTCG JSON.
npx skills add https://github.com/superfhp/lumi-agent --skill design-md-superfhp
Please help me install this Agent Skill. Skill: design-md Source: https://github.com/superfhp/lumi-agent/tree/main/skills/creative/design-md Command: npx skills add https://github.com/superfhp/lumi-agent --skill design-md-superfhp
This Skill automates the creation, validation, and export of Google's DESIGN.md token spec files, streamlining the process of defining and managing design systems.
Use the design-md skill to validate the structure and accessibility of your DESIGN.md file 'brand-spec.md'.
High-intent search queries and answers about installing and using this skill.
You can validate WCAG contrast compliance in a DESIGN.md token spec by using an automated tool to check structural integrity, token references, and color accessibility. This ensures your design system maintains proper visual accessibility standards.
To export design tokens to Tailwind CSS, use a conversion tool that parses the DESIGN.md file and transforms the machine-readable tokens into a Tailwind CSS configuration. This bridges your design system spec with frontend development.
Yes, you can generate W3C DTCG JSON from a Google DESIGN.md file by exporting the validated token spec. This conversion allows your design system tokens to be consumed by tools supporting the W3C Design Tokens Community Group format.
Yes, you need Python installed to automate DESIGN.md token spec authoring and validation, as the process requires Python for parsing the markdown files, running validation checks, and executing format conversions to Tailwind CSS or DTCG JSON.
The best way to maintain design system tokens is to use an automated authoring process that generates DESIGN.md files containing both machine-readable tokens and human-readable rationale. This ensures consistency and documentation across your design system.
Yes, design token validation automatically checks structural integrity and token references within the DESIGN.md file. This automated process ensures your design system spec is correctly formatted and that all token dependencies resolve properly.
ScavieFaeDetect the host platform, install dependencies, and configure Dolphin, Slippi, and Phillip.
shuff57Create, validate, and export Google DESIGN.md files to Tailwind CSS and W3C DTCG JSON.
InverterNetworkAuthor, validate and export DESIGN.md tokens to Tailwind CSS and W3C DTCG formats.
freedomw1987Create DESIGN.md files and export design tokens to Tailwind or W3C DTCG JSON.
