skills.rest
trabian
trabianOFFICIAL
Explore all skills by this author →
WebsiteGitHub

Fluxwing Component Creator

Generate uxscii UI components and metadata from user requests.

18|1|Updated Oct 13, 2025
One-click install
npx skills add https://github.com/trabian/fluxwing-skills --skill fluxwing-component-creator
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Fluxwing Component Creator
Source: https://github.com/trabian/fluxwing-skills/tree/main/skills/fluxwing-component-creator
Command: npx skills add https://github.com/trabian/fluxwing-skills --skill fluxwing-component-creator

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill helps the user create uxscii components with consistent, production-ready metadata and ASCII templates, orchestrating the designer agents to speed up UI development while preserving quality.

Core Features & Use Cases

  • Bundled templates as references: Start from existing templates to ensure design consistency.
  • Inventory and write targets: Use project workspace (fluxwing/components and fluxwing/library) for customization and reuse.
  • Fast vs Detailed Mode: Scaffolding for MVP in ~10s per component or full production-quality outputs with .uxm and .md.
  • Versioning: Optional copy-on-update workflow to create new versions of existing components.

Quick Start

Ask to "Create a [component name]" or "Create multiple components" and the skill will spawn designer agents, validate outputs, and save to your project workspace. Then you can review the generated .uxm and .md files under fluxwing/components/.

Frequently Asked Questions about Fluxwing Component Creator

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create uxscii UI components with production-ready metadata?▼

Fluxwing Component Creator generates uxscii components with validated metadata and ASCII templates. Request a component type (button, input, card, modal, form, navigation), and the Skill spawns designer agents, validates outputs against uxm-component.schema.json, and writes .uxm and .md files to ./fluxwing/components.

Can I create multiple components at once?▼

Yes. Request "Create multiple components" and specify your list. The Skill orchestrates parallel generation, applies consistent metadata schemas, and saves all outputs to your fluxwing workspace for batch review and reuse.

How do fast and detailed modes differ?▼

Fast mode scaffolds MVP components in ~10 seconds per item with minimal metadata. Detailed mode produces full production-quality outputs including complete .uxm schema validation, markdown documentation, and ASCII art refinement for polished deliverables.

Can I start from existing templates?▼

Yes. Use bundled templates as design references to ensure consistency. The Skill loads templates, applies your customizations, and generates new versioned components in your fluxwing/components workspace.

What happens when I update an existing component?▼

The Skill supports optional copy-on-update versioning. Updates create new component versions rather than overwriting, preserving your version history and allowing rollback if needed.

Where are generated components saved?▼

All components write to ./fluxwing/components in your project workspace with full .uxm metadata files and .md documentation. The fluxwing/library stores reusable templates and shared design assets.

Related Skills

Explore More Software Engineering Skills→
jackspacejackspace
16

Fluxwing Component Expander

Expand uxscii components by adding interaction states to .uxm and .md files.

Community
Advanced
jackspacejackspace
16

Fluxwing Component Creator

Create uxscii UI components from .uxm templates with variable substitution.

Community
Advanced
trabiantrabian
18

fluxwing-validator

Validate uxscii components and screens against JSON Schema.

Official
Advanced
SalesforceCommerceCloudSalesforceCommerceCloud
51

b2c-scaffold

Scaffold B2C Commerce components from built-in templates.

Official
Basic