home/categories/design/sanky369-vibe-building-skills-skills-frontend-design-design-foundation-skill-md
designcontent-media
design-foundation
Establish or formalize your design system foundation. Create design tokens (color, typography, spacing, shadows, borders), define component architecture, document design principles, and build the structure that enables consistency and scalability. Works with Tailwind CSS and framework-agnostic approaches.
maintainer
sanky369
更新於 1/19/2026
星標
2
分支
2
quick start
Installation and usage
Establish or formalize your design system foundation. Create design tokens (color, typography, spacing, shadows, borders), define component architecture, document design principles, and build the structure that enables consistency and scalability. Works with Tailwind CSS and framework-agnostic approaches.
安裝
$ install --globalskills.sh
使用
安裝後，您可以透過在終端機執行以下指令來使用此技能：
skills use design-foundation