Fluxwing Component Creator
Förvandlar 'skapa en knapp' till ett schema-valid .uxm + ASCII-förhandsgransknings .md-par, men mappen ensam är inte hela kitet.
Fungerar med konfiguration
Vad den gör
Skapar 'uxscii' UI-komponenter (knappar, inmatningar, kort, formulär, modal, nav, etc.) som ett par filer: en JSON .uxm med tillstånd/egenskaper/tillgänglighetsmetadata validerad mot ett medföljande JSON Schema, och en .md med handritade ASCII-konstförhandsvisningar per tillstånd. Triggers vid förfrågningar om att skapa/bygga/designa en UI-komponent eller när användaren refererar till .uxm-filer eller uxscii-standarden.
Testrapport
Följde färdighetens kropp i praktiken och körde dess egna medföljande scripts/quick_validate.py mot utmatningen: producerade en schema-valid submit-button.uxm (4 tillstånd, full a11y-block) plus en ASCII-förhandsgranskning .md – genuint rikare än en vanlig engelsk baslinje. Men SKILL.md pekar på {SKILL_ROOT}/../shared/docs/copy-versioning.md och {SKILL_ROOT}/../fluxwing-validator/validate-component.js, båda utanför färdighetens egen mapp, så en enkel färdighets `cp -r` installation (som katalogen instruerar) bryter tyst versionsuppdateringsflödet och den rekommenderade Node-validatorn – du måste hämta de syskon `shared/` och `fluxwing-validator/` mapparna också.
Testad: 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
Kommandon och exempelprompter
/fluxwing-component-creatorFörvandlar 'skapa en knapp' till ett schema-valid .uxm + ASCII-förhandsgransknings .md-par, men mappen ensam är inte hela kitet.
Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):
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.