ui-flx

Full workflow for adding a new UI block to ui-flx: file structure, manifest, catalog + registry.json registration, MDX docs, validation, and screenshot capture. Triggers: "add block", "new block", "criar bloco", "novo bloco", "add a new section", or any request to create a new Flexnative block.

Full workflow for adding a new UI composition to ui-flx. Compositions are full, composed application screens (dashboard, chat, kanban…) built from shadcn primitives — copy-paste, inline-code, no props. Covers file structure, registry/compositions/<category>/catalog.ts registration, registry.json entry, and sync/build commands. Triggers: "add composition", "new composition", "criar composition", "novo composition", "add-composition", or any request to create a new Flexnative composition under registry/compositions.

Full workflow for adding a new form pattern to ui-flx. Covers file structure, registry/forms/<library>/<category>/catalog.ts registration, minimal registry.json entry, the React Hook Form and TanStack Form idioms, sync and build commands. Triggers: "add form", "new form", "criar form", "novo form", "add-form", or any request to create a new Flexnative form pattern under registry/forms.

Full workflow for adding a new UI illustration to ui-flx. Illustrations are elegant compositions across a fidelity spectrum — abstract shapes, conceptual mockups, or real UI built from shadcn primitives (Card/Button/Badge/Avatar), text, and images with a fade — for marketing blocks and empty states. The only hard no is a lone icon/glyph. Motion is optional polish, never mandatory. Covers category axis (style, not subject), grid span sizing, the design/taste bar, file structure, registry/illustrations/<category>/catalog.ts registration, registry.json entry, and sync/build commands. Triggers: "add illustration", "new illustration", "criar illustration", "nova ilustração", "add-illustration", or any request to create a new Flexnative illustration under registry/illustrations.

Full workflow for adding a new UI intent to ui-flx. Covers file structure, decision demo files, manifest.ts, intent-catalog.ts registration, and registry.json entries. Triggers: "add intent", "new intent", "criar intent", "novo intent", or any request to create a new Flexnative intent.

Full workflow for adding a new UI pattern to ui-flx. Covers file structure, registry/patterns/<category>/catalog.ts registration, minimal registry.json entry, sync and build commands. Triggers: "add pattern", "new pattern", "criar pattern", "novo pattern", "add-pattern", or any request to create a new Flexnative pattern under registry/patterns.

Full workflow for adding a new UI sketch to ui-flx. Sketches are low-fidelity, content-free wireframes of full screens (dashboard, chat, …) — gray bars, no real values, no shadcn primitives, plain divs. A sketch mirrors a composition's layout. Covers file structure, registry/sketches/<category>/catalog.ts registration, registry.json entry, and sync/build commands. Triggers: "add sketch", "new sketch", "criar sketch", "novo sketch", "add-sketch", or any request to create a new Flexnative sketch under registry/sketches.