·design-reference
</>

design-reference

Transformateur de conception autonome : invoquez directement, ne décomposez pas. Transforme un fichier HTML de référence de conception en application Vibes. À utiliser lorsque l'utilisateur fournit un design.html, une maquette ou un prototype statique correspondant exactement.

16Installations·0Tendance·@popmechanic

Installation

$npx skills add https://github.com/popmechanic/vibes-cli --skill design-reference

Comment installer design-reference

Installez rapidement le skill IA design-reference dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/popmechanic/vibes-cli --skill design-reference
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : 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.

Transformateur de conception autonome : invoquez directement, ne décomposez pas. Transforme un fichier HTML de référence de conception en application Vibes. À utiliser lorsque l'utilisateur fournit un design.html, une maquette ou un prototype statique correspondant exactement. Source : popmechanic/vibes-cli.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/popmechanic/vibes-cli --skill design-reference
Catégorie
</>Développement
Vérifié
Première apparition
2026-02-24
Mis à jour
2026-03-11

Browse more skills from popmechanic/vibes-cli

Réponses rapides

Qu'est-ce que design-reference ?

Transformateur de conception autonome : invoquez directement, ne décomposez pas. Transforme un fichier HTML de référence de conception en application Vibes. À utiliser lorsque l'utilisateur fournit un design.html, une maquette ou un prototype statique correspondant exactement. Source : popmechanic/vibes-cli.

Comment installer design-reference ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/popmechanic/vibes-cli --skill design-reference Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

https://github.com/popmechanic/vibes-cli

Détails

Catégorie
</>Développement
Source
skills.sh
Première apparition
2026-02-24