·design-reference
</>

design-reference

Eigenständiger Designtransformator – direkt aufrufen, nicht zerlegen. Wandelt eine Design-Referenz-HTML-Datei in eine Vibes-App um. Verwenden Sie diese Option, wenn der Benutzer eine design.html, ein Mockup oder einen statischen Prototyp bereitstellt, die genau übereinstimmen.

16Installationen·0Trend·@popmechanic

Installation

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

So installieren Sie design-reference

Installieren Sie den KI-Skill design-reference schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/popmechanic/vibes-cli --skill design-reference
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

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

Eigenständiger Designtransformator – direkt aufrufen, nicht zerlegen. Wandelt eine Design-Referenz-HTML-Datei in eine Vibes-App um. Verwenden Sie diese Option, wenn der Benutzer eine design.html, ein Mockup oder einen statischen Prototyp bereitstellt, die genau übereinstimmen. Quelle: popmechanic/vibes-cli.

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/popmechanic/vibes-cli --skill design-reference
Kategorie
</>Entwicklung
Verifiziert
Erstes Auftreten
2026-02-24
Aktualisiert
2026-03-11

Browse more skills from popmechanic/vibes-cli

Schnelle Antworten

Was ist design-reference?

Eigenständiger Designtransformator – direkt aufrufen, nicht zerlegen. Wandelt eine Design-Referenz-HTML-Datei in eine Vibes-App um. Verwenden Sie diese Option, wenn der Benutzer eine design.html, ein Mockup oder einen statischen Prototyp bereitstellt, die genau übereinstimmen. Quelle: popmechanic/vibes-cli.

Wie installiere ich design-reference?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/popmechanic/vibes-cli --skill design-reference Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Wo ist das Quell-Repository?

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

Details

Kategorie
</>Entwicklung
Quelle
skills.sh
Erstes Auftreten
2026-02-24