Stabilisci o formalizza le basi del tuo sistema di progettazione. Crea token di progettazione (colore, tipografia, spaziatura, ombre, bordi), definisci l'architettura dei componenti, documenta i principi di progettazione e costruisci la struttura che consente coerenza e scalabilità. Funziona con Tailwind CSS e approcci indipendenti dal framework.
Installa rapidamente la skill AI design-foundation nel tuo ambiente di sviluppo tramite riga di comando
Fonte: 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.
Stabilisci o formalizza le basi del tuo sistema di progettazione. Crea token di progettazione (colore, tipografia, spaziatura, ombre, bordi), definisci l'architettura dei componenti, documenta i principi di progettazione e costruisci la struttura che consente coerenza e scalabilità. Funziona con Tailwind CSS e approcci indipendenti dal framework. Fonte: sanky369/vibe-building-skills.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/sanky369/vibe-building-skills --skill design-foundationStabilisci o formalizza le basi del tuo sistema di progettazione. Crea token di progettazione (colore, tipografia, spaziatura, ombre, bordi), definisci l'architettura dei componenti, documenta i principi di progettazione e costruisci la struttura che consente coerenza e scalabilità. Funziona con Tailwind CSS e approcci indipendenti dal framework. Fonte: sanky369/vibe-building-skills.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/sanky369/vibe-building-skills --skill design-foundation Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/sanky369/vibe-building-skills