Trasformatore di design autonomo: richiama direttamente, non decomporre. Trasforma un file HTML di riferimento del progetto in un'app Vibes. Da utilizzare quando l'utente fornisce un design.html, un mockup o un prototipo statico che corrisponda esattamente.
Installa rapidamente la skill AI design-reference nel tuo ambiente di sviluppo tramite riga di comando
Fonte: popmechanic/vibes-cli.
Plan mode: If you are planning work, this entire skill is ONE plan step: "Invoke /vibes:design-reference". Do not decompose the steps below into separate plan tasks.
Transform a complete design reference HTML file into a working Vibes app with Fireproof data persistence.
The design reference is source code to transform, not inspiration to interpret. When given a complete HTML file with styles, your job is to make minimal surgical changes to connect it to React/Fireproof—not to recreate it from your understanding of its aesthetic.
Trasformatore di design autonomo: richiama direttamente, non decomporre. Trasforma un file HTML di riferimento del progetto in un'app Vibes. Da utilizzare quando l'utente fornisce un design.html, un mockup o un prototipo statico che corrisponda esattamente. Fonte: popmechanic/vibes-cli.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/popmechanic/vibes-cli --skill design-referenceTrasformatore di design autonomo: richiama direttamente, non decomporre. Trasforma un file HTML di riferimento del progetto in un'app Vibes. Da utilizzare quando l'utente fornisce un design.html, un mockup o un prototipo statico che corrisponda esattamente. Fonte: popmechanic/vibes-cli.
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/popmechanic/vibes-cli --skill design-reference 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/popmechanic/vibes-cli