Создайте или формализуйте основу вашей дизайн-системы. Создавайте маркеры дизайна (цвет, типографика, интервалы, тени, границы), определяйте архитектуру компонентов, документируйте принципы проектирования и создавайте структуру, обеспечивающую согласованность и масштабируемость. Работает с Tailwind CSS и подходами, не зависящими от платформы.
Быстро установите AI-навык design-foundation в вашу среду разработки через командную строку
Источник: sanky369/vibe-building-skills.
A design foundation is the bedrock upon which all great products are built. It's not just a collection of colors and fonts—it's a system of decisions that enables your team to build consistently, quickly, and with intention.
This skill helps you create or formalize your design foundation, whether you're starting from scratch or documenting what already exists. It covers design tokens, component structure, design principles documentation, and the governance model for your system.
Modern design systems are built on the concept of design tokens—named entities that store design decisions. Rather than hardcoding colors or spacing values throughout your codebase, tokens centralize these decisions, making them easy to maintain, theme, and scale.
Создайте или формализуйте основу вашей дизайн-системы. Создавайте маркеры дизайна (цвет, типографика, интервалы, тени, границы), определяйте архитектуру компонентов, документируйте принципы проектирования и создавайте структуру, обеспечивающую согласованность и масштабируемость. Работает с Tailwind CSS и подходами, не зависящими от платформы. Источник: sanky369/vibe-building-skills.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/sanky369/vibe-building-skills --skill design-foundationСоздайте или формализуйте основу вашей дизайн-системы. Создавайте маркеры дизайна (цвет, типографика, интервалы, тени, границы), определяйте архитектуру компонентов, документируйте принципы проектирования и создавайте структуру, обеспечивающую согласованность и масштабируемость. Работает с Tailwind CSS и подходами, не зависящими от платформы. Источник: sanky369/vibe-building-skills.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/sanky369/vibe-building-skills --skill design-foundation После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/sanky369/vibe-building-skills