Lint DESIGN.md files and export design tokens to Tailwind or DTCG JSON.
npx skills add https://github.com/mymx2/foreman --skill design-cli
Please help me install this Agent Skill. Skill: design-cli Source: https://github.com/mymx2/foreman/tree/main/.agents/skills/design-cli Command: npx skills add https://github.com/mymx2/foreman --skill design-cli
This skill addresses the fragmentation between design intent and implementation by providing a standardized, machine-readable format for design systems that ensures consistency across AI-generated code and UI components.
Use the design-cli skill to lint the current DESIGN.md file and report any structural or accessibility findings.
High-intent search queries and answers about installing and using this skill.
Lint a DESIGN.md file using the design-cli to automatically catch broken token references, WCAG contrast issues, and structural schema errors. This ensures your design system specifications maintain accessibility standards and structural integrity before UI implementation.
Export design tokens to Tailwind v3 or v4 configurations using the design-cli multi-format export feature. Convert colors, typography, and component variants from your DESIGN.md files into framework-specific configurations for seamless integration into your development workflows.
Compare two versions of a design system using the design-cli diffing functionality to identify token-level changes and potential regressions. This detects modifications in colors, typography, and component variants before they impact the UI implementation.
The design-cli generates W3C-compliant DTCG JSON tokens during multi-format export. Convert your DESIGN.md specifications into standardized JSON tokens to ensure cross-platform compatibility and consistent UI implementation across different development environments.
A DESIGN.md file is a standardized, machine-readable format for defining design system specifications including colors, typography, and component variants. You need it when bridging the gap between design intent and implementation to ensure consistency across AI-generated code.
Broken token references and accessibility contrast issues occur when design system specifications deviate from structural schemas or WCAG standards. Use the design-cli linting feature to automatically detect and report these errors in your DESIGN.md files.
freedomw1987Create DESIGN.md files and export design tokens to Tailwind or W3C DTCG JSON.
InverterNetworkAuthor, validate and export DESIGN.md tokens to Tailwind CSS and W3C DTCG formats.
shawn-sandyExtract design tokens from Figma and generate CSS, SCSS, JSON, TypeScript, and DTCG files.
ldzhhxxValidate and convert DESIGN.md design specifications with WCAG contrast support.
