·mockup-creation
*

mockup-creation

✓
dauquangthanh/hanoi-rainbowGitHub: dauquangthanh/hanoi-rainbowFonte: dauquangthanh/hanoi-rainbow

Crea mockup e prototipi di interfaccia utente interattivi e pronti per la produzione utilizzando NuxtJS 4 (Vue) o Next.js (React), TypeScript e TailwindCSS v4. Da utilizzare durante la creazione di mockup Web, prototipi, pagine di destinazione, dashboard, pannelli di amministrazione o dimostrazioni dell'interfaccia utente interattive. Si attiva quando gli utenti menzionano "crea mockup", "crea prototipo", "demo interattiva", "prototipo interfaccia utente", "progettazione per codificare" o necessitano di un rapido sviluppo frontend con strumenti moderni. Preferisci NuxtJS per progetti basati su Vue; usa Next.js quando gli utenti menzionano ReactJS.

dauquangthanh·mockup·creation
12Installazioni·0Tendenza·@dauquangthanh

Installazione

GitHub: dauquangthanh/hanoi-rainbow
$npx skills add https://github.com/dauquangthanh/hanoi-rainbow --skill mockup-creation

Come installare mockup-creation

Installa rapidamente la skill AI mockup-creation nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/dauquangthanh/hanoi-rainbow --skill mockup-creation
  3. Verifica l'installazione: 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

Fonte: dauquangthanh/hanoi-rainbow.

SKILL.md

Visualizza raw

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)

Crea mockup e prototipi di interfaccia utente interattivi e pronti per la produzione utilizzando NuxtJS 4 (Vue) o Next.js (React), TypeScript e TailwindCSS v4. Da utilizzare durante la creazione di mockup Web, prototipi, pagine di destinazione, dashboard, pannelli di amministrazione o dimostrazioni dell'interfaccia utente interattive. Si attiva quando gli utenti menzionano "crea mockup", "crea prototipo", "demo interattiva", "prototipo interfaccia utente", "progettazione per codificare" o necessitano di un rapido sviluppo frontend con strumenti moderni. Preferisci NuxtJS per progetti basati su Vue; usa Next.js quando gli utenti menzionano ReactJS. Fonte: dauquangthanh/hanoi-rainbow.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/dauquangthanh/hanoi-rainbow --skill mockup-creation
Fonte
dauquangthanh/hanoi-rainbow
Categoria
*Creatività
Verificato
✓
Prima apparizione
2026-02-01
Aggiornato
2026-03-10
URL
https://www.learn-skills.dev/it/skills/dauquangthanh/hanoi-rainbow/mockup-creation

Browse more skills from dauquangthanh/hanoi-rainbow

Risposte rapide

Che cos'è mockup-creation?

Crea mockup e prototipi di interfaccia utente interattivi e pronti per la produzione utilizzando NuxtJS 4 (Vue) o Next.js (React), TypeScript e TailwindCSS v4. Da utilizzare durante la creazione di mockup Web, prototipi, pagine di destinazione, dashboard, pannelli di amministrazione o dimostrazioni dell'interfaccia utente interattive. Si attiva quando gli utenti menzionano "crea mockup", "crea prototipo", "demo interattiva", "prototipo interfaccia utente", "progettazione per codificare" o necessitano di un rapido sviluppo frontend con strumenti moderni. Preferisci NuxtJS per progetti basati su Vue; usa Next.js quando gli utenti menzionano ReactJS. Fonte: dauquangthanh/hanoi-rainbow.

Come installo mockup-creation?

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/dauquangthanh/hanoi-rainbow --skill mockup-creation 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

Dov'è il repository sorgente?

https://github.com/dauquangthanh/hanoi-rainbow

Dettagli

Categoria
*Creatività
Fonte
skills.sh
Prima apparizione
2026-02-01

Skills correlate

frontend-design-review
77 Installazioni
keycloak-administration
72 Installazioni
frontend-ui-ux-design
46 Installazioni
oracle-cloud
41 Installazioni
code-quality-review
31 Installazioni
architecture-design-review
26 Installazioni