Generate, validate, diff, and apply Google DESIGN.md files for UI tasks.
npx skills add https://github.com/dmae97/oh-my-kimi --skill omk-design-md
Please help me install this Agent Skill. Skill: omk-design-md Source: https://github.com/dmae97/oh-my-kimi/tree/main/templates/skills/kimi/omk-design-md Command: npx skills add https://github.com/dmae97/oh-my-kimi --skill omk-design-md
This Skill reduces UI drift by generating, validating, diffing, and applying Google DESIGN.md files so your frontend work stays consistent with design tokens, components, and accessibility expectations.
Use this skill to validate and apply an existing DESIGN.md by running: омk-design-md in your UI repository and then implement the affected components described by the design source.
High-intent search queries and answers about installing and using this skill.
You can turn a DESIGN.md spec into shippable UI by running this skill in your repository to validate the file and apply its design tokens to generate consistent React, Next.js, and shadcn/ui components.
A DESIGN.md file acts as a design source of truth for frontend development, establishing design tokens, component specifications, and visual intent to eliminate UI drift and enforce accessibility expectations.
You can export design tokens to a Tailwind theme by using this skill to validate your DESIGN.md file and automatically generate Tailwind theme artifacts, ensuring your styling workflow stays strictly aligned with the defined tokens.
Yes, you can diff design changes by comparing DESIGN.md against DESIGN.next.md to identify major changes, validate token differences, and prevent accidental color or token inventions before applying updates to affected components.
Yes, this skill works with shadcn/ui by applying validated DESIGN.md tokens to guide component updates, ensuring your shadcn/ui implementation matches the design source of truth and accessibility requirements.
You can lint a DESIGN.md file for accessibility risks by using this skill to validate the design source, check for token compliance, and output deterministic integration results including identified accessibility risks and affected components.
AradotsoGenerate design tokens and UI components from DESIGN.md files.
mhintz1980Scaffold React and TypeScript artifacts with Vite, Tailwind CSS, and shadcn/ui.
MajesteitBartBuild accessible React UI components with shadcn-ui, Tailwind CSS, and Radix UI.
CwuztoTranslate Stitch MCP designs into modular React components with AST validation.
