Turn any prompt into a consistent, accessible UI — not just a pretty one. UI UX Pro Max equips your coding agent with a curated design-reasoning layer: proven UI styles, color palettes, font pairings, and 99 UX and accessibility guidelines, applied automatically across React, Next.js, Vue, Svelte, Tailwind, Flutter, SwiftUI, and more. Plan layouts, generate production-ready components, and ship — without leaving your editor, without a separate design tool.
Turn rough ideas into clear, validated designs through focused questions, practical options, trade-off analysis, and approval checkpoints.
Created from 10+ years of manufacturing and industrial automation experience across food packaging, planter-part manufacturing, and Tier 1 automotive environments, with Ignition used in production-facing work over that span. The skill packages practical SCADA judgment around maintainable expressions, operator-safe behavior, troubleshooting habits, and realistic Designer/Gateway validation workflows.
A premium cross-domain design systems engineering skill for AI agents, now with design context engineering: choose where design context lives, author DESIGN.md and design.md, structure design knowledge as OKF v0.2 bundles, drive anti-slop creative direction, and verify with an eval harness. Covers UI and UX, TUIs, accessibility, motion, dashboards, publishing, marketing collateral, game and film interfaces, HUDs, design-to-code, and 2D, 3D, CAD, CAM, AR, VR, XR, and print handoffs.
Tell it your brand name and what you do — it turns that into a confirmable design brief, then generates with GPT Image 2. Defaults to rich mode for app icons, SKILL/marketplace icons, and cover icons; switches to strict for traditional brand marks on request. Not a one-shot generator: it declares the mode it reads you as, inspects every result, refines one change at a time. Ten built-in styles (3D mascot, glass, watercolor, art deco, sketch, humanist…) plus custom.
Break large Expo work into safe, ordered AI coding tasks.
Design and build distinctive, production-ready frontend interfaces with intentional typography, color, layout, and motion—without generic AI aesthetics.
Create polished, animation-rich HTML presentations from scratch or convert PowerPoint decks into responsive web slides.
Visual Explainer turns your code, systems, data, and plans into clean HTML pages instead of messy terminal text. Ask it to diagram an architecture, review a diff, audit a plan against the codebase, compare requirements in a table, or build a slide deck, and it generates a self-contained page with real typography, Mermaid diagrams, and charts. The visual explainer for technical work, ready in chat.