What is the difference between Fast Mode and Detailed Mode?

Fast Mode focuses on speed (<10s) for scaffolding basic structures, while Detailed Mode (60-90s) creates high-fidelity ASCII art, full documentation, and accessibility metadata.

What are uxscii components?

uxscii components are a hybrid UI format consisting of structured JSON metadata (.uxm) and visual ASCII art representations (.md) used for designing and documenting interfaces.

Where does the skill save my components?

The skill writes all generated components to your local project workspace under the './fluxwing/components/' directory for immediate use.

Does this skill support accessibility standards?

Yes, when using Detailed Mode, the skill includes ARIA roles, keyboard support definitions, and accessibility attributes as part of the component metadata.

Can I generate multiple UI components simultaneously?

Yes, the skill is optimized for parallel execution, allowing you to create entire sets of buttons, inputs, and cards in a single request.

Fluxwing Component Creator

Name: Fluxwing Component Creator
Author: jackspace

byjackspace

•

Design Tools

Generates structured uxscii UI components with ASCII art and metadata for rapid frontend prototyping and design documentation.

The Fluxwing Component Creator is a specialized design skill for Claude Code that automates the generation of UI components using the uxscii standard. It bridges the gap between low-fidelity wireframes and structured code by creating .uxm files and corresponding ASCII art documentation. The skill features two distinct operational workflows: a high-speed 'Fast Mode' for scaffolding multiple components in seconds, and a 'Detailed Mode' for crafting production-ready elements with hand-drawn ASCII patterns and rich metadata. By orchestrating sub-agents, it ensures all components adhere to strict schemas, include accessibility attributes, and maintain consistent design patterns across your project workspace.

Key Features

012 GitHub stars

02Dual-mode execution: Fast Mode for scaffolding and Detailed Mode for production quality

03Orchestrates designer agents for single or parallel multi-component creation

04Automated template discovery from bundled libraries and local project directories

05Generates structured JSON metadata (.uxm) and box-drawing ASCII templates (.md)

06Built-in validation against official uxscii schemas and design patterns

Use Cases

01Creating documentation-rich ASCII UI components for terminal-based interfaces or markdown guides

02Generating standardized UI metadata for custom frontend frameworks that require structured component definitions

03Rapidly scaffolding an entire design system library for a new web application

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add jackspace/claudeskillz fluxwing-component-creator

For use in Claude.ai and ChatGPT

Download Skill