Plugin · Claude Code · Frontend & UI

Trabian Fluxwing Skills

trabian-fluxwing-skills is a Claude Code plugin for the Validate phase that generates ASCII UI components and screens for human review and as a build spec for AI implementation.

by trabian · github.com/trabian/fluxwing-skills

Generate ASCII art components and full screens you can review quickly, then hand the same structured layout to Claude to implement real UI.

15
GitHub stars
0
Installs
0
Community votes
One vote per signed-in builder - it helps surface the tools the community actually relies on.
Install

Add it to Claude Code

Install the plugin in Claude Code. One command, paste-ready.

Install the plugin
/plugin install trabian-fluxwing-skills@trabian/fluxwing-skills
Add to ClaudeUse the Agent APISkillselion is itself an MCP server - your agent can fetch this config directly.
Agent API

Built to be called by your agent

Skillselion is itself an MCP server. Your agent can pull this entry and a paste-ready install config straight from the API - no copy-paste.

Retrieve this entry with skillselion.get_details("plugin:trabian/fluxwing-skills") and the paste-ready config with skillselion.get_install_config("plugin:trabian/fluxwing-skills").

About

What it does

trabian-fluxwing-skills is a Claude Code plugin collection built around generating ASCII representations of UI components and screens so solo builders can validate layout and flow before writing production CSS or component code. The skills emphasize human-readable scaffolding—browsing a library, creating screens from natural language, and aligning with a design-system mindset—so you can critique structure in chat or terminal and then ask the agent to build from the same artifact. That makes it especially useful during validation and early build when you want cheap iteration without Figma overhead. It supports SaaS, mobile, and extension-shaped products where screen hierarchy matters. The repo lists one plugin with keywords spanning ascii-art, components, screens, and ux-design. Complexity is beginner to intermediate depending on how strictly you maintain design-system metadata. Confidence is solid given the focused description and Fluxwing-specific vocabulary in the catalog text.

Highlights

  • Claude skills for ASCII components and full screens (UXscii-style) humans can scan in the terminal
  • Structured metadata and design-system expansion for importing, viewing, and browsing a component library
  • Natural-language scaffolding from screenshots or descriptions into reviewable screen layouts
  • Fluxwing-focused workflow: create, expand, and state-manage UI artifacts for AI-led implementation
  • Single-plugin bundle specialized for ui-design and ux-design agent sessions

Why builders use it

Builders either over-invest in high-fidelity mocks too early or jump straight to code without a fast, shared visual contract the agent can follow.

You get reviewable ASCII screens and components with structured metadata so you can approve layout in minutes and drive frontend implementation from the same definitions.

At a glance

  • Type - Plugin in Frontend & UI.
  • Adoption - 0 installs, 15 stars, 0 votes.

FAQ

Who is trabian-fluxwing-skills for?

It is for builders and UX-minded solo devs who want to sketch and review interfaces as ASCII components and screens inside Claude Code before implementation.

When should I use trabian-fluxwing-skills?

Use it when you are prototyping flows, expanding a design-system library, or translating screenshots into structured screen specs the agent can code from.

How do I add trabian-fluxwing-skills to my agent?

Install the trabian/fluxwing-skills plugin from the repository into Claude Code and invoke the Fluxwing ASCII component and screen skills in your UI design sessions.

Discussion

Comments

Share how you use trabian-fluxwing-skills, gotchas, or tips for other indie builders.

No comments yet - be the first to share how you use it.

This week for builders

Five minutes, every Monday — the tools, releases and tactics for shipping solo.

unsubscribe anytime.