Fluxwing Component Creator

Gjør 'lag en knapp' om til et skjema-gyldig .uxm + ASCII-forhåndsvisning .md-par, men mappen alene er ikke hele settet.

Krever oppsett ★ 8.4/10

Hva den gjør

Oppretter 'uxscii' UI-komponenter (knapper, input-felt, kort, skjemaer, modaler, navigasjon, etc.) som et par filer: en JSON .uxm med tilstander/props/tilgjengelighetsmetadata validert mot et medfølgende JSON Schema, og en .md med håndtegnede ASCII-kunstforhåndsvisninger per tilstand. Utløses ved forespørsler om å opprette/bygge/designe en UI-komponent eller når brukeren refererer til .uxm-filer eller uxscii-standarden.

Testrapport

Fulgte ferdighetskroppen for ekte og kjørte dens egne medfølgende scripts/quick_validate.py mot utdata: produserte en skjema-gyldig submit-button.uxm (4 tilstander, full a11y-blokk) pluss en ASCII-forhåndsvisning .md — genuint rikere enn en ren engelsk baseline. Men SKILL.md peker til {SKILL_ROOT}/../shared/docs/copy-versioning.md og {SKILL_ROOT}/../fluxwing-validator/validate-component.js, begge utenfor ferdighetens egen mappe, så en enkelt-ferdighets `cp -r` installasjon (som katalogen instruerer) bryter stille versjons-bump-flyten og den anbefalte Node-validatoren — du må hente de tilhørende `shared/` og `fluxwing-validator/` mappene også.

Testet på: 2026-07-15 · Claude Code 2.x (agent harness)

Installer

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

Kommandoer og eksempelprompter

/fluxwing-component-creatorGjør 'lag en knapp' om til et skjema-gyldig .uxm + ASCII-forhåndsvisning .md-par, men mappen alene er ikke hele settet.

Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen aktiverer prompter som disse skillen (på engelsk):

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.

Full rapport →