work-with-design-systems
Open source under MIT and part of my personal and client workflow. It runs in Claude Code, Cursor, and Codex. I regularly update it after analyzing its work in real projects.
I developed this skill based on my experience and analysis of best practices for working with design systems in Figma. This skill audits a file the way a reviewer would (token bindings, variant coverage, WCAG contrast, detached instances), builds components with variable bindings and structured descriptions, and exports the whole system to code as tokens.css plus rules for the agent in the repo. It will not implement designs as production code, and it is overkill for a one-off mockup with no token layer.