Fluxwing Component Creator

Verandert 'maak een knop' in een schema-valide .uxm + ASCII-preview .md paar, maar de map alleen is niet de hele kit.

Door trabian · trabian/fluxwing-skills

Werkt met setup ★ 8.4/10

Fluxwing Component Creator — Verandert 'maak een knop' in een schema-valide .uxm + ASCII-preview .md paar, maar de map alleen is niet de hele kit.

Wat het doet

Creëert 'uxscii' UI-componenten (knoppen, invoervelden, kaarten, formulieren, modale vensters, nav, etc.) als een paar bestanden: een JSON .uxm met staten/props/toegankelijkheidsmetadata gevalideerd tegen een gebundeld JSON Schema, en een .md met handgetekende ASCII-art previews per staat. Triggers op verzoeken om een UI-component te maken/bouwen/ontwerpen of wanneer de gebruiker .uxm-bestanden of de uxscii-standaard noemt.

Testrapport

Volgde de skill-body echt en voerde zijn eigen gebundelde scripts/quick_validate.py uit tegen de output: produceerde een schema-valide submit-button.uxm (4 staten, volledig a11y-blok) plus een ASCII-preview .md — werkelijk rijker dan een gewone Engelse baseline. Maar de SKILL.md verwijst naar {SKILL_ROOT}/../shared/docs/copy-versioning.md en {SKILL_ROOT}/../fluxwing-validator/validate-component.js, beide buiten de eigen map van de skill, dus een enkele-skill `cp -r` installatie (zoals de catalog instrueert) breekt stilzwijgend de versie-bump flow en de aanbevolen Node validator — je moet de zuster `shared/` en `fluxwing-validator/` mappen ook meenemen.

Getest op: 2026-07-15 · Claude Code 2.x (agent harness)

Installatie

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

Commando's en voorbeeldprompts

  • /fluxwing-component-creatorVerandert 'maak een knop' in een schema-valide .uxm + ASCII-preview .md paar, maar de map alleen is niet de hele kit.

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

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