Where does the skill look for component files?

It searches in a specific priority order: your custom project components, your project library, and finally the bundled Fluxwing reference templates.

Does it support complex UI states?

Yes, it can display multiple states (like hover, focus, or disabled) defined in the component's .md template file.

What is a uxscii component?

Uxscii components are metadata-rich ASCII representations of UI elements used to plan and build interfaces within AI-assisted development workflows.

How do I trigger the viewer?

You can ask Claude to 'show me the [component-name]' or 'view details for [component-name]' while working in your repository.

Can I edit components using this skill?

This skill is primarily a viewer; however, it provides interactive shortcuts to open components for editing or copy bundled templates to your project library.

Fluxwing Component Viewer

Name: Fluxwing Component Viewer
Author: trabian

bytrabian

•

Design Tools

Inspects and previews ASCII-based UI components to help developers visualize layouts and metadata within Claude Code.

Fluxwing Component Viewer is a specialized tool for Claude Code designed to provide a comprehensive look at uxscii components used in the Fluxwing ecosystem. It allows developers to quickly inspect component metadata, properties, and accessibility features while providing an immediate ASCII-based visual preview of various component states. By bridging the gap between raw data and visual design, it simplifies the process of managing UI components and library templates during the development lifecycle, ensuring developers and AI agents are aligned on component structure.

Key Features

01Hierarchical component lookup across project files and bundled templates

029 GitHub stars

03Smart error handling and fuzzy search for component name discovery

04Interactive workspace management for copying templates to local project libraries

05Detailed metadata inspection including props, states, and accessibility mappings

06Real-time ASCII template previews with support for multiple component states

Use Cases

01Discovering and copying standard component templates into a project-specific library

02Verifying accessibility roles and keyboard shortcuts for ASCII-based components

03Reviewing existing UI component structures and props before implementation

What are Skills?·How to Install

Install with 🐟 Skill.Fish

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

For use in Claude.ai and ChatGPT

Download Skill