Fluxwing Component Creator

Trasforma 'crea un pulsante' in una coppia .uxm valida per schema + .md con anteprima ASCII, ma la cartella da sola non è il kit completo.

di trabian · trabian/fluxwing-skills

Richiede configurazione ★ 8.4/10

Fluxwing Component Creator — Trasforma 'crea un pulsante' in una coppia .uxm valida per schema + .md con anteprima ASCII, ma la cartella da sola non è il kit completo.

Cosa fa

Crea componenti UI 'uxscii' (pulsanti, input, card, form, modali, nav, ecc.) come coppia di file: un .uxm JSON con stati/props/metadati di accessibilità validati contro uno JSON Schema incluso, e un .md con anteprime in ASCII art disegnate a mano per stato. Si attiva su richieste di creazione/costruzione/design di un componente UI o quando l'utente fa riferimento a file .uxm o allo standard uxscii.

Rapporto di test

Ha seguito il corpo della skill per davvero e ha eseguito i suoi script inclusi/quick_validate.py sull'output: ha prodotto un submit-button.uxm valido per schema (4 stati, blocco a11y completo) più un .md con anteprima ASCII — genuinamente più ricco di una baseline in inglese semplice. Ma il SKILL.md punta a {SKILL_ROOT}/../shared/docs/copy-versioning.md e {SKILL_ROOT}/../fluxwing-validator/validate-component.js, entrambi esterni alla cartella della skill stessa, quindi un'installazione `cp -r` di singola skill (come istruisce il catalogo) interrompe silenziosamente il flusso di bump di versione e il validatore Node raccomandato — devi prendere anche le cartelle `shared/` e `fluxwing-validator/` dei fratelli.

Testato il: 2026-07-15 · Claude Code 2.x (agent harness)

Installazione

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

Comandi e prompt di esempio

  • /fluxwing-component-creatorTrasforma 'crea un pulsante' in una coppia .uxm valida per schema + .md con anteprima ASCII, ma la cartella da sola non è il kit completo.

Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):

  • 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.