Fluxwing Component Creator
Transforme 'créer un bouton' en une paire .uxm valide par schéma + .md avec aperçu ASCII, mais le dossier seul n'est pas tout le kit.
Fonctionne avec configuration
Ce que fait
Crée des composants d'interface utilisateur 'uxscii' (boutons, entrées, cartes, formulaires, modales, navigation, etc.) sous forme de paire de fichiers : un .uxm JSON avec des états/props/métadonnées d'accessibilité validés par un schéma JSON groupé, et un .md avec des aperçus en art ASCII dessinés à la main par état. Se déclenche sur les demandes de création/construction/conception d'un composant d'interface utilisateur ou lorsque l'utilisateur fait référence à des fichiers .uxm ou à la norme uxscii.
Rapport de test
A suivi le corps de la compétence pour de vrai et a exécuté ses propres scripts groupés/quick_validate.py contre la sortie : a produit un submit-button.uxm valide par schéma (4 états, bloc a11y complet) plus un .md avec aperçu ASCII — réellement plus riche qu'une base de référence en anglais simple. Mais le SKILL.md pointe vers {SKILL_ROOT}/../shared/docs/copy-versioning.md et {SKILL_ROOT}/../fluxwing-validator/validate-component.js, tous deux en dehors du propre dossier de la compétence, donc une simple installation `cp -r` de la compétence (comme le catalogue l'indique) casse silencieusement le flux de mise à jour de version et le validateur Node recommandé — vous devez également récupérer les dossiers frères `shared/` et `fluxwing-validator/`.
Testé le: 2026-07-15 · Claude Code 2.x (agent harness)
Installation
git clone https://github.com/trabian/fluxwing-skills cd fluxwing-skills mkdir -p ~/.claude/skills cp -r skills/fluxwing-component-creator ~/.claude/skills/fluxwing-component-creator
Commandes et exemples de prompts
/fluxwing-component-creatorTransforme 'créer un bouton' en une paire .uxm valide par schéma + .md avec aperçu ASCII, mais le dossier seul n'est pas tout le kit.
Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :
Create a submit button component for my uxscii project.I need to design a card UI component using .uxm files.Make me a modal component in uxscii format, please.