mockup-creation
✓Erstellen Sie interaktive, produktionsreife UI-Modelle und Prototypen mit NuxtJS 4 (Vue) oder Next.js (React), TypeScript und TailwindCSS v4. Verwenden Sie es beim Erstellen von Web-Mockups, Prototypen, Landingpages, Dashboards, Admin-Panels oder interaktiven UI-Demonstrationen. Wird ausgelöst, wenn Benutzer „Modell erstellen“, „Prototyp erstellen“, „interaktive Demo“, „UI-Prototyp“, „Design to Code“ erwähnen oder eine schnelle Frontend-Entwicklung mit modernen Tools benötigen. Bevorzugen Sie NuxtJS für Vue-basierte Projekte; Verwenden Sie Next.js, wenn Benutzer ReactJS erwähnen.
Installation
SKILL.md
Create polished, interactive UI mockups and prototypes using NuxtJS 4 (Vue) or Next.js (React) with TypeScript and TailwindCSS v4.
NuxtJS (Vue) Example: Type-safe Button Component (components/ui/Button.vue)
Next.js (React) Example: Type-safe Button Component (components/ui/Button.tsx)
Erstellen Sie interaktive, produktionsreife UI-Modelle und Prototypen mit NuxtJS 4 (Vue) oder Next.js (React), TypeScript und TailwindCSS v4. Verwenden Sie es beim Erstellen von Web-Mockups, Prototypen, Landingpages, Dashboards, Admin-Panels oder interaktiven UI-Demonstrationen. Wird ausgelöst, wenn Benutzer „Modell erstellen“, „Prototyp erstellen“, „interaktive Demo“, „UI-Prototyp“, „Design to Code“ erwähnen oder eine schnelle Frontend-Entwicklung mit modernen Tools benötigen. Bevorzugen Sie NuxtJS für Vue-basierte Projekte; Verwenden Sie Next.js, wenn Benutzer ReactJS erwähnen. Quelle: dauquangthanh/hanoi-rainbow.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/dauquangthanh/hanoi-rainbow --skill mockup-creation- Kategorie
- *Kreativität
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist mockup-creation?
Erstellen Sie interaktive, produktionsreife UI-Modelle und Prototypen mit NuxtJS 4 (Vue) oder Next.js (React), TypeScript und TailwindCSS v4. Verwenden Sie es beim Erstellen von Web-Mockups, Prototypen, Landingpages, Dashboards, Admin-Panels oder interaktiven UI-Demonstrationen. Wird ausgelöst, wenn Benutzer „Modell erstellen“, „Prototyp erstellen“, „interaktive Demo“, „UI-Prototyp“, „Design to Code“ erwähnen oder eine schnelle Frontend-Entwicklung mit modernen Tools benötigen. Bevorzugen Sie NuxtJS für Vue-basierte Projekte; Verwenden Sie Next.js, wenn Benutzer ReactJS erwähnen. Quelle: dauquangthanh/hanoi-rainbow.
Wie installiere ich mockup-creation?
Ö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/dauquangthanh/hanoi-rainbow --skill mockup-creation Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/dauquangthanh/hanoi-rainbow
Details
- Kategorie
- *Kreativität
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01