Is the Fluxwing Component Creator skill free?

Yes. The skill itself is free from trabian/fluxwing-skills. SkillProof publishes the install command and an independent test verdict at no cost.

What is the Fluxwing Component Creator SkillProof Score?

8.4/10 — installs cleanly 4/5, triggers reliably 5/5, output vs. baseline 8/10, docs & honesty 4/5.

How do I install Fluxwing Component Creator?

Copy the install command from this page, run it in your terminal, and restart Claude Code. Skills live in ~/.claude/skills/ (global) or .claude/skills/ inside a project.

Can I use Fluxwing Component Creator with Cursor, Copilot, Gemini CLI, Codex or other AI tools?

The SKILL.md format is native to Claude (Claude Code, Desktop, claude.ai). The instructions inside adapt to other assistants: Cursor rules, GitHub Copilot instructions, Windsurf rules, Custom GPTs, AGENTS.md for OpenAI Codex, and GEMINI.md for Google Gemini CLI — our conversion guides cover each, and the free converter on the tools page does the wrapping for you.

Fluxwing Component Creator

Turns 'create a button' into a schema-valid .uxm + ASCII-preview .md pair, but the folder alone isn't the whole kit.

by trabian · trabian/fluxwing-skills

Works with setup

Install — copy the command Download source ↗

Test report

Verdict: Works with setup
Score: 8.4/10
Tested: Jul 15, 2026
Environment: Claude Code 2.x (agent harness)
Upstream re-checked: Aug 10, 2026 · ae596b3

Followed the skill body for real and ran its own bundled scripts/quick_validate.py against the output: produced a schema-valid submit-button.uxm (4 states, full a11y block) plus an ASCII-preview .md — genuinely richer than a plain-English baseline. But the SKILL.md points at {SKILL_ROOT}/../shared/docs/copy-versioning.md and {SKILL_ROOT}/../fluxwing-validator/validate-component.js, both outside this skill's own folder, so a single-skill `cp -r` install (as the catalog instructs) silently breaks the version-bump flow and the recommended Node validator — you need to grab the sibling `shared/` and `fluxwing-validator/` folders too.

Scored on four weighted criteria — install, triggering, output vs. baseline, docs. How scoring works

Installs cleanly 4/5
Triggers reliably 5/5
Output vs. baseline 8/10
Docs & honesty 4/5

What Fluxwing Component Creator does

Creates 'uxscii' UI components (buttons, inputs, cards, forms, modals, nav, etc.) as a pair of files: a JSON .uxm with states/props/accessibility metadata validated against a bundled JSON Schema, and a .md with hand-drawn ASCII-art previews per state. Triggers on requests to create/build/design a UI component or when the user references .uxm files or the uxscii standard.

How to install Fluxwing Component Creator

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

Skills live in ~/.claude/skills/ (global) or .claude/skills/ (per-project). Restart Claude Code after installing.

Commands — how to trigger Fluxwing Component Creator

/fluxwing-component-creator Turns 'create a button' into a schema-valid .uxm + ASCII-preview .md pair, but the folder alone isn't the whole kit.

It also activates on plain-language prompts like these:

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.

Frequently asked questions

Is the Fluxwing Component Creator skill free?: Yes. The skill itself is free from trabian/fluxwing-skills. SkillProof publishes the install command and an independent test verdict at no cost.
Does Fluxwing Component Creator work with Claude Code?: We tested it with Claude Code 2.x (agent harness) on Jul 15, 2026. Verdict: Works with setup. Followed the skill body for real and ran its own bundled scripts/quick_validate.py against the output: produced a schema-valid submit-button.uxm (4 states, full a11y block) plus an ASCII-preview .md — genuinely richer than a plain-English baseline. But the SKILL.md points at {SKILL_ROOT}/../shared/docs/copy-versioning.md and {SKILL_ROOT}/../fluxwing-validator/validate-component.js, both outside this skill's own folder, so a single-skill `cp -r` install (as the catalog instructs) silently breaks the version-bump flow and the recommended Node validator — you need to grab the sibling `shared/` and `fluxwing-validator/` folders too.
What is the Fluxwing Component Creator SkillProof Score?: 8.4/10 — installs cleanly 4/5, triggers reliably 5/5, output vs. baseline 8/10, docs & honesty 4/5.
How do I install Fluxwing Component Creator?: Copy the install command from this page, run it in your terminal, and restart Claude Code. Skills live in ~/.claude/skills/ (global) or .claude/skills/ inside a project.
Can I use Fluxwing Component Creator with Cursor, Copilot, Gemini CLI, Codex or other AI tools?: The SKILL.md format is native to Claude (Claude Code, Desktop, claude.ai). The instructions inside adapt to other assistants: Cursor rules, GitHub Copilot instructions, Windsurf rules, Custom GPTs, AGENTS.md for OpenAI Codex, and GEMINI.md for Google Gemini CLI — our conversion guides cover each, and the free converter on the tools page does the wrapping for you.