Train your interface like an AI co-pilot: Fluxwing ingests prompts, derives ASCII systems, and ships terminal-perfect experiences without breaking accessibility.

┌─────────────────┐ │ FLUXWING │ │ ───────── │ │ ASCII UX │ └─────────────────┘ AI DJ Mixer · uxscii render captured from fluxwing/screens/ai-dj-mixer.rendered.md

Why teams choose Fluxwing

Universal Interface

ASCII works for BOTH humans and AI agents. Humans parse layouts instantly—see structure, hierarchy, relationships. AI agents understand perfectly—no vision models needed. One format, two audiences.

Derivation Model

Extend components like classes. Create button.uxm, derive primary-button.uxm that extends it. Change the base once, all derivations inherit. No copy-paste duplication. Like OOP for design.

Component Evolution

Build through references, not copies. Compose screens from reusable parts. Your design system becomes a graph of components that inherit and evolve organically—just like imports in code.

Living Documentation

Design specs that both humans review and AI can execute. In version control. In PRs. Single source of truth. Always in sync. No documentation drift. Text-based diffs show actual changes.

AI-Native Design

Built for modern AI-assisted development. AI agents read .uxm specs natively, understand relationships, and generate implementations. Perfect comprehension without interpretation layers.

Derivation, Not Duplication

Traditional design tools duplicate. Fluxwing derives. Like object-oriented programming but for design.

button.uxm (base component) ├→ primary-button.uxm (extends button) │ └→ submit-button.uxm (uses primary) ├→ secondary-button.uxm (extends button) └→ disabled-button.uxm (extends button) email-input.uxm password-input.uxm ↓ login-form.uxm (composes inputs + submit-button) ↓ login-screen.uxm (composes form + branding)

Change the base → All derivations inherit the change

Your design system becomes a graph of components that inherit, compose, and evolve organically. No duplication. Just references. Like imports in code.

From Component to Screen in Minutes

  1. Create Base Component

    /fluxwing-create button

    Creates button.uxm with ASCII template. Humans see it, give instant feedback, iterate. AI understands the structure perfectly.

  2. Derive Variations

    /fluxwing-create primary-button --extends button
    /fluxwing-create disabled-button --extends button

    Extend base components. Inherit properties. Override what's different. No copy-paste duplication.

  3. Compose Components

    /fluxwing-create login-form --components email-input,password-input,submit-button

    Reference existing components. Build forms from parts. Compose hierarchies naturally.

  4. Build Screens

    /fluxwing-scaffold login-screen

    AI agents read your component library, understand relationships, generate complete screens.

  5. Let AI Generate

    Your .uxm files become specifications that AI agents read and implement. Living documentation that both humans review and AI executes. Always in sync.

Component gallery

Browse components by category. Click a filter to see specific types.

Sidebar collapse button

╭─╮ │◀│ ╰─╯

Compact arrow button for collapsing/expanding sidebar panels.

Playback controls

╭──────────╮ ╭──────────╮ ╭──────────╮ │ ▶ │ │ ⏸ │ │ ⏹ │ ╰──────────╯ ╰──────────╯ ╰──────────╯ Play Pause Stop

Standard audio playback controls with clear iconography.

Chat input field

╭──────────────────────────────────────────────╮ │ [Type your message... ] [Send] │ ╰──────────────────────────────────────────────╯

Text input with integrated send button for chat messages.

Account balance card

╭──────────────────────────────────────────────╮ │ │ │ Operating Account ****6789 │ │ │ │ $125,847.32 │ │ │ │ +$12,450.00 +10.9% ↗ │ │ │ │ As of Oct 18, 2025 3:45 PM │ │ │ ╰──────────────────────────────────────────────╯

Commercial banking card with balance and trend indicators.

Terminal window

┌────────────────────────────────┐ │ $ fluxwing neural-flight │ │ calibrating ascii vectors… │ │ ▓▓▓▓▓▓▓▓▓▓░░░░░░░░░░ 50% │ └────────────────────────────────┘

Faux CLI shell with progress indicator and blinking cursor.

Install Fluxwing

Copy and paste this one-liner to install all skills:

git clone https://github.com/trabian/fluxwing-skills.git && cd fluxwing-skills && ./scripts/install.sh

✓ Installs all six skills locally

✓ Populates ./fluxwing with generated assets

✓ Keeps docs collateral in sync