mockup-creation
✓Créez des maquettes et des prototypes d'interface utilisateur interactifs et prêts pour la production à l'aide de NuxtJS 4 (Vue) ou Next.js (React), TypeScript et TailwindCSS v4. À utiliser lors de la création de maquettes Web, de prototypes, de pages de destination, de tableaux de bord, de panneaux d'administration ou de démonstrations d'interface utilisateur interactives. Déclenchez-le lorsque les utilisateurs mentionnent « créer une maquette », « construire un prototype », « démo interactive », « prototype d'interface utilisateur », « concevoir pour coder » ou ont besoin d'un développement frontal rapide avec des outils modernes. Préférez NuxtJS pour les projets basés sur Vue ; utilisez Next.js lorsque les utilisateurs mentionnent ReactJS.
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)
Créez des maquettes et des prototypes d'interface utilisateur interactifs et prêts pour la production à l'aide de NuxtJS 4 (Vue) ou Next.js (React), TypeScript et TailwindCSS v4. À utiliser lors de la création de maquettes Web, de prototypes, de pages de destination, de tableaux de bord, de panneaux d'administration ou de démonstrations d'interface utilisateur interactives. Déclenchez-le lorsque les utilisateurs mentionnent « créer une maquette », « construire un prototype », « démo interactive », « prototype d'interface utilisateur », « concevoir pour coder » ou ont besoin d'un développement frontal rapide avec des outils modernes. Préférez NuxtJS pour les projets basés sur Vue ; utilisez Next.js lorsque les utilisateurs mentionnent ReactJS. Source : dauquangthanh/hanoi-rainbow.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/dauquangthanh/hanoi-rainbow --skill mockup-creation- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que mockup-creation ?
Créez des maquettes et des prototypes d'interface utilisateur interactifs et prêts pour la production à l'aide de NuxtJS 4 (Vue) ou Next.js (React), TypeScript et TailwindCSS v4. À utiliser lors de la création de maquettes Web, de prototypes, de pages de destination, de tableaux de bord, de panneaux d'administration ou de démonstrations d'interface utilisateur interactives. Déclenchez-le lorsque les utilisateurs mentionnent « créer une maquette », « construire un prototype », « démo interactive », « prototype d'interface utilisateur », « concevoir pour coder » ou ont besoin d'un développement frontal rapide avec des outils modernes. Préférez NuxtJS pour les projets basés sur Vue ; utilisez Next.js lorsque les utilisateurs mentionnent ReactJS. Source : dauquangthanh/hanoi-rainbow.
Comment installer mockup-creation ?
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/dauquangthanh/hanoi-rainbow --skill mockup-creation Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/dauquangthanh/hanoi-rainbow
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-01