ui-wireframe-generator
✓Cette compétence génère des wireframes d'interface utilisateur basés sur du texte à l'aide de la syntaxe de fichier .kui. À utiliser lors de la création de wireframes, de maquettes ou de diagrammes de disposition d'interface utilisateur. La compétence convertit les fichiers .kui en images SVG/PNG via l'outil CLI katsuragi.
Installation
SKILL.md
Generate text-based UI wireframes using .kui file syntax. Katsuragi converts simple declarative files into SVG/PNG images, serving as a communication medium for UI discussions.
Grid divides canvas equally. A 4x3 grid creates 4 equal columns and 3 equal rows.
| txt | Text label | value, align | | box | Empty container | bg, border | | btn | Button | value, bg | | input | Form input | label | | img | Image placeholder | alt |
Cette compétence génère des wireframes d'interface utilisateur basés sur du texte à l'aide de la syntaxe de fichier .kui. À utiliser lors de la création de wireframes, de maquettes ou de diagrammes de disposition d'interface utilisateur. La compétence convertit les fichiers .kui en images SVG/PNG via l'outil CLI katsuragi. Source : enlinks-llc/katsuragi.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/enlinks-llc/katsuragi --skill ui-wireframe-generator- Source
- enlinks-llc/katsuragi
- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-02-05
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que ui-wireframe-generator ?
Cette compétence génère des wireframes d'interface utilisateur basés sur du texte à l'aide de la syntaxe de fichier .kui. À utiliser lors de la création de wireframes, de maquettes ou de diagrammes de disposition d'interface utilisateur. La compétence convertit les fichiers .kui en images SVG/PNG via l'outil CLI katsuragi. Source : enlinks-llc/katsuragi.
Comment installer ui-wireframe-generator ?
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/enlinks-llc/katsuragi --skill ui-wireframe-generator 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/enlinks-llc/katsuragi
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-05