Which component types are supported?

It supports a wide range of types including buttons, inputs, cards, navigation, forms, modals, tables, badges, alerts, and custom containers.

What is the UXSCII standard used by this skill?

UXSCII is a specialized format that combines ASCII art visual representations with structured JSON metadata, allowing both humans and AI to understand and build UI components.

Can I version my UI components?

Yes, the skill includes built-in versioning logic that detects existing components and offers to create new versions (e.g., v2, v3) using a copy-on-update pattern.

What is the difference between Fast and Detailed mode?

Fast Mode is optimized for speed (under 10 seconds) to scaffold multiple 'sketch' fidelity components, while Detailed Mode creates production-quality assets with full documentation and hand-crafted ASCII.

Fluxwing Component Creator

Name: Fluxwing Component Creator
Author: trabian

bytrabian

•

设计工具

Generates structured UI components using the UXSCII standard to bridge the gap between AI design systems and human-readable documentation.

关于

Fluxwing Component Creator empowers developers to build UI components using the UXSCII standard, a specialized format combining ASCII art with structured metadata. It offers two distinct workflows: a high-speed 'Fast Mode' for rapid scaffolding of multiple components at sketch fidelity, and a 'Detailed Mode' for creating production-ready components with hand-crafted ASCII art and rich documentation. By managing templates and providing built-in versioning logic, this skill streamlines the process of designing, prototyping, and iterating on UI elements directly within the Claude Code environment.

主要功能

Extensive template library for buttons, cards, forms, and navigation
Standardized UXSCII component generation in .uxm and .md formats
Automated component versioning with copy-on-update logic
Dual-mode execution for both rapid scaffolding and high-fidelity design
Rich metadata support for properties, states, and accessibility
9 GitHub stars

使用场景

Iterating on UI prototypes while maintaining a versioned history of components
Generating human-readable ASCII documentation for complex design systems
Rapidly scaffolding a full set of UI components for a new application screen

关于

主要功能

Extensive template library for buttons, cards, forms, and navigation
Standardized UXSCII component generation in .uxm and .md formats
Automated component versioning with copy-on-update logic
Dual-mode execution for both rapid scaffolding and high-fidelity design
Rich metadata support for properties, states, and accessibility
9 GitHub stars

使用场景

Iterating on UI prototypes while maintaining a versioned history of components
Generating human-readable ASCII documentation for complex design systems
Rapidly scaffolding a full set of UI components for a new application screen