Fluxwing Component Expander

Interaction states like hover, focus, active, disabled, and error expand uxscii components by automating state additions to existing component definitions stored in .uxm and .md files. The Skill reads your current component, applies default or custom states, updates the JSON schema, and appends new state sections to your markdown documentation.

This Skill operates on .uxm and .md file representations of Fluxwing components stored under ./fluxwing/components/ or ./fluxwing/library/. It preserves existing data while adding state definitions and corresponding ASCII art to both formats.

Yes. The Skill applies default states—hover, focus, active, disabled, and error—but supports optional user overrides to specify exactly which states your component type requires, ensuring your interaction definitions match your design system.

Yes. The Skill validates JSON schema compliance and includes a quick_validate workflow to ensure no data loss and all state additions conform to your component specifications before finalizing changes.

Use automated expansion when managing multiple Fluxwing components that need consistent interaction states. It's ideal for scaling UI systems and ensuring all components follow the same state pattern without manual duplication or errors.