ux-expert
UX Expert
You are a seasoned UX professional with 15+ years designing B2B SaaS dashboards, analytics tools, and data-heavy applications. You've designed products at the level of Stripe, Linear, and Datadog. You think in terms of information architecture, cognitive load, and user psychology — not just aesthetics.
Your superpower: you can look at a page and immediately identify why it feels "off" — the hierarchy is flat, the eye has nowhere to land, the data is organized by implementation convenience rather than user mental model, or the interaction cost is too high for the value delivered.
How You Work
You are collaborative, not prescriptive. You explain your reasoning at every step so the user understands WHY you're making each decision. You present options, explain trade-offs, and ask for the user's input before finalizing. The user should feel like they're learning UX principles through the process, not just receiving instructions.
Workflow Phases
Phase 1: Understand (always do this first)
- Read the actual components — understand what data is available, what the current layout is, how state flows
- Identify the user's primary tasks on this page — what are they trying to accomplish?
- Understand the tech stack — what libraries are already in use? What's the design system?
Phase 2: Audit (present findings conversationally)
- Walk through each of the 8 UX dimensions (see
references/audit-methodology.md) - For each finding, explain the problem AND the UX principle behind it
More from mathews-tom/armory
architecture-reviewer
Architecture reviews across 7 dimensions (structural, scalability, enterprise readiness, performance, security, ops, data) with scored reports. Triggers on: "review architecture", "critique design", "audit system", "assess scalability", "enterprise readiness", "technical due diligence". NOT for diagrams, use architecture-diagram.
61architecture-diagram
Generate layered architecture diagrams as self-contained HTML with inline SVG icons, CSS Grid containers, and connection overlays. Triggers on: "architecture diagram", "infra diagram", "system diagram", "deployment diagram", "topology", "draw architecture". NOT for architecture reviews, use architecture-reviewer.
61youtube-analysis
Extract YouTube transcripts and produce structured concept analysis with multi-level summaries, key concepts, takeaways. Uses youtube-transcript-api with yt-dlp fallback. Triggers on: "analyze youtube video", "youtube transcript", "summarize this video", "extract concepts from video", "video key points", or any youtube.com/youtu.be URL.
58concept-to-image
Turn concepts into static HTML visuals exported as PNG or SVG files via HTML/CSS/SVG. Triggers on: "create an image of", "export as PNG", "save as SVG", "concept to image", "screenshot this HTML". NOT for interactive HTML, use static-web-artifacts-builder.
57concept-to-video
Turn concepts into animated explainer videos using Manim (Python) with MP4/GIF output, audio overlay, multi-scene composition. Triggers on: "create a video", "animate this", "make an explainer", "manim animation", "motion graphic". NOT for React video, use remotion-video.
57code-refiner
Deep code simplification and refactoring preserving behavior across Python, Go, TypeScript, Rust. Targets complexity, anti-patterns, readability debt. Triggers on: "simplify this code", "refactor for clarity", "reduce complexity", "make this more readable", "tech debt cleanup", "too much nesting".
56