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.
Target: Design & content creation. Automatically collected · unverified.
Excerpt from the author’s documentation
Extracted from a fixed version of SKILL.md in its original language. This is the author’s documentation; installation, compatibility and runtime results have not been verified by this site.
Read the original English text
Topics in the source
- UI Design System
- Core Capabilities
- Key Scripts
- designtokengenerator.py
Professional toolkit for creating and maintaining scalable design systems. Design token generation (colors, typography, spacing) Component system architecture Responsive design calculations Accessibility compliance Developer handoff documentation Generates complete design system tokens from brand colors. Usage: python scripts/designtokengenerator.py [brandcolor] [style] [format] Styles: modern, classic, playful Formats: json, css, scss Features: Complete color palette generation Modular typography scale 8pt spacing grid system Shadow and animation tokens Responsive breakpoints Multiple export formats
- Source repository
- davila7/claude-code-templates
- Source file
- cli-tool/components/skills/creative-design/ui-design-system/SKILL.md
- Fixed revision
- 21be197f100a12b8d0dd9a211cc244c8179f84d3
Sources and evidence
This record was collected automatically. Its documentation, suitability and runtime behavior have not been manually verified.
Author: davila7/claude-code-templates · original repository metadata. Documentation review: Not reviewed. Last source check: 2026-11-09T14:01:43.899Z.
Categories are inferred from names, descriptions and paths. They do not establish compatibility.
License and attribution
MIT. Third-party content and copyright remain with their authors. Refer to the original license and terms.
Original license ↗Synchronization, copying and user-reported success do not mark a resource as runtime-tested.
Limitations and notes
- Collecting metadata does not mean this site has installed, adapted, runtime-tested or security-reviewed the resource.