Fluxwing Screenshot Importer

Import UI screenshots and convert them to the uxscii standard via vision agents.

16|7|Updated Nov 20, 2025
One-click install
npx skills add https://github.com/jackspace/ClaudeSkillz --skill fluxwing-screenshot-importer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Fluxwing Screenshot Importer
Source: https://github.com/jackspace/ClaudeSkillz/tree/main/skills/fluxwing-screenshot-importer
Command: npx skills add https://github.com/jackspace/ClaudeSkillz --skill fluxwing-screenshot-importer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes templates (resource) and references (resource) components.

What problem does it solve?

Imports UI screenshots and converts them into the uxscii standard by orchestrating vision and component generation agents.

Core Features & Use Cases

  • Vision coordinator to analyze layout, components, and visuals
  • Parallel generation of atomic and composite components
  • Screen assembly with generated components
  • Publication-ready screen outputs (uxm, md, rendered.md)

Quick Start

Provide a screenshot path; the system will analyze and generate components in parallel, then assemble the screen.

Frequently Asked Questions about Fluxwing Screenshot Importer

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

FAQPage Schema
How do I convert UI screenshots to uxscii components automatically?

Provide a screenshot path to convert UI screenshots into uxscii standard. The system analyzes layout and components through vision agents, then generates atomic and composite components in parallel, assembling them into publication-ready screen outputs as .uxm and .md files.

What does the uxscii standard do for UI design?

uxscii is a structured data model standard for representing screens and components. This Skill converts visual screenshots into uxscii format, enabling programmatic access to screen layouts, component definitions, and visual properties extracted through vision analysis.

Can I generate components from multiple screenshots at once?

Yes. The Skill processes user-provided images or screenshots through a four-phase workflow: path collection, vision coordination, data validation, and parallel component generation, writing all outputs to fluxwing/components and fluxwing/screens directories.

What's the best way to extract UI layouts from design screenshots?

Use vision-based layout discovery and component detection to extract visual properties from screenshots. This Skill orchestrates specialized vision agents to analyze screenshots, automatically discover layout structure, detect components, and generate a structured uxscii data model without manual markup.

Do I need design tool exports to convert screenshots to components?

No. The Skill imports UI screenshots directly—no design tool exports required. It performs vision analysis on the image itself to discover layout, detect components, and extract visual properties, then generates uxscii components and screen assemblies automatically.