Fluxwing Component Creator

Forvandler 'create a button' til et skemavalideret .uxm + ASCII-preview .md-par, men mappen alene er ikke hele kittet.

Virker med opsætning ★ 8.4/10

Hvad det gør

Opretter 'uxscii' UI-komponenter (buttons, inputs, cards, forms, modals, nav, etc.) som et par filer: en JSON .uxm med states/props/accessibility metadata valideret mod et medfølgende JSON Schema, og en .md med håndtegnede ASCII-kunst-forhåndsvisninger per state. Udløses ved anmodninger om at oprette/bygge/designe en UI-komponent, eller når brugeren refererer til .uxm-filer eller uxscii-standarden.

Testrapport

Fulgte skill'ens tekst i praksis og kørte dens egne medfølgende scripts/quick_validate.py mod outputtet: producerede en skemavalid submit-button.uxm (4 states, fuld a11y block) plus en ASCII-preview .md — ægte rigere end en almindelig engelsk baseline. Men SKILL.md peger på {SKILL_ROOT}/../shared/docs/copy-versioning.md og {SKILL_ROOT}/../fluxwing-validator/validate-component.js, begge uden for denne skills egen mappe, så en enkelt-skill `cp -r` installation (som kataloget instruerer) bryder lydløst version-bump-flowet og den anbefalede Node-validator — du skal også hente søskende-mapperne `shared/` og `fluxwing-validator/`.

Testet: 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

Kommandoer og eksempelprompter

/fluxwing-component-creatorForvandler 'create a button' til et skemavalideret .uxm + ASCII-preview .md-par, men mappen alene er ikke hele kittet.

Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen 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.

Læs hele rapporten →