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.

主要功能

01Extensive template library for buttons, cards, forms, and navigation

02Standardized UXSCII component generation in .uxm and .md formats

03Automated component versioning with copy-on-update logic

04Dual-mode execution for both rapid scaffolding and high-fidelity design

05Rich metadata support for properties, states, and accessibility

069 GitHub stars

使用场景

01Iterating on UI prototypes while maintaining a versioned history of components

02Generating human-readable ASCII documentation for complex design systems

03Rapidly scaffolding a full set of UI components for a new application screen

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add trabian/fluxwing-skills fluxwing-component-creator

For use in Claude.ai and ChatGPT

Download Skill