trabian

Import UI screenshots and generate uxscii components automatically using vision analysis. Use when user wants to import, convert, or generate .uxm components from screenshots or images.

Create uxscii components with ASCII art and structured metadata when user wants to create, build, or design UI components. Use when working with .uxm files, when user mentions .uxm components, or when creating buttons, inputs, cards, forms, modals, or navigation.

Validate uxscii components and screens against schema with interactive menu or direct script calls

Browse and view all available uxscii components including bundled templates, user components, and screens. Use when working with .uxm files, when user wants to see, list, browse, or search .uxm components or screens.

Build complete UI screens by composing multiple uxscii components. Use when working with .uxm files, when user wants to create, scaffold, or build .uxm screens like login, dashboard, profile, settings, or checkout pages.

Add interaction states like hover, focus, disabled, active, error to existing uxscii components. Use when working with .uxm files, when user wants to expand, enhance, or add states to .uxm components.

Aprimora componentes uxscii de rascunho à fidelidade de produção. Utilize ao trabalhar com arquivos .uxm marcados como "fidelity: sketch" ou quando o usuário deseja adicionar detalhes e polimento aos componentes.

Visualize informações detalhadas sobre um componente uxscii específico, incluindo metadados, estados, propriedades e prévia ASCII. Utilize ao trabalhar com arquivos .uxm, quando o usuário deseja ver, inspecionar ou obter detalhes sobre um componente .uxm.