Back to Directory
general
Ui Design System
UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. Use for creating design systems, maintaining visual consistency, and facilitating design-dev collaboration.
Installation
Run this in your terminal or add to your configuration:
# Clone into your skills directory
git clone ...About this Skill
Initial release of "ui-design-system" skill — a toolkit for Senior UI Designers building robust UI design systems.
- Provides workflows for generating design tokens, building component systems, responsive design calculations, and developer handoff.
- Includes command-line tool to generate design tokens and export to CSS, SCSS, and JSON.
- Offers documentation and checklists for consistent design-dev collaboration and accessibility validation.
- Features quick reference tables for component-token mapping, responsive scales, and fluid typography.
- Supports Figma sync and guidance for framework integration (React, Tailwind, styled-components).