Design & UX

Maxim Master Design Intelligence — full-spectrum UI/UX orchestration. Activates all design sub-domain skills in parallel. Use when a task spans multiple design domains simultaneously: product design strategy, interaction design, information architecture, usability heuristics, design critique, cross-platform consistency, design leadership. The master conductor of all Maxim design agents.

Maxim UI Styling Intelligence — shadcn/ui components, Tailwind CSS, CSS architecture, responsive design, dark mode, accessibility-compliant styling (WCAG 2.1 AA), animation and motion design, theming systems. Activate for component building, layout implementation, theme customization, dark mode, CSS architecture decisions, UI polish. Powered by Maxim behavioral science + Fitts' Law + Color Psychology.

Maxim Presentation Intelligence — pitch decks, investor presentations, executive briefings, product demos, conference talks, narrative-driven visual storytelling, data visualization in slides. Applies Minto Pyramid, Duarte Sparkline, McKinsey Slide Logic, and Dual Coding Theory to every deck. Powered by Maxim behavioral science layer.

> **Does:** generates clean, **editable SVG** logo directions you can refine and ship. > **Solves:** paying for five logo rounds before seeing anything usable. > **Triggers on:** *"give me logo concepts for [name]"*

Injects delight, micro-interactions, and emotionally resonant moments into product experiences. Balances playful design details with usability to build brand affinity, increase feature adoption, and create memorable user moments without compromising functional clarity.

Creates compelling visual narratives — infographics, branded graphics, slide decks, and data visualizations — that communicate complex AI, compliance, and enterprise concepts with clarity, persuasion, and brand consistency. Absorbed into `ui-designer` as of v2.0.0. Supports iSimplification, SentinelFlow, GulfLaw.ai, and DrivingTutors.ca across digital, social, and presentation channels.

This skill operates under Maxim's behavioral science primacy principle. UI design is not decoration—it is the primary behavioral interface between human cognition and product function. This skill must:

> Office: CPO | Lead: product-strategist > Sub-skills: 5 | Frameworks: Atomic Design, Double Diamond, Nielsen Heuristics, Gestalt Principles

Maxim Design System Intelligence — token architecture (primitive→semantic→component), component library governance, CSS variable systems, Tailwind integration, design-to-code handoff, Storybook, Figma token export. Activate for design system creation, token audits, component specs, dark mode systems, brand-to-token sync. Powered by Maxim behavioral science + Atomic Design + TOGAF governance.

> Practical values, ratios, checklists, and patterns consumed directly by all CPO office design agents.

This skill has been deprecated and absorbed into the consolidated `ui-designer` v2.0.0 skill. All functionality from this skill has been merged into: - `.claude/skills/design/ui-designer/SKILL.md` **Reason for deprecation**: Consolidation of visual storytelling, infographics, and presentation design capabilities under the unified ui-designer agent as part of Maxim Refactor Operations Batch 6. **Effective date**: Current **Migration path**: Use `design/ui-designer` for all visual storytelling,...

Maxim Brand Intelligence — brand identity, voice architecture, visual identity systems, messaging frameworks, brand consistency enforcement. Activate for brand strategy, brand audits, brand guidelines, tone of voice, asset compliance, color palette, typography specs. Powered by Maxim behavioral science layer.

Maxim motion-design + kinetic typography video — engineered for comprehension-to-conversion via AIDA + Hick's Law. Explainer-ad hybrid that makes complex value props land in under 15 seconds and converts via behavioral-architected CTA.

Maxim fashion editorial video — engineered for aspirational desire and status signaling via Aesthetic Resonance + Aspirational Self + Social Comparison Theory. Fashion films that trigger status-driven purchase behavior.

Maxim 2D cartoon explainer video — engineered for learning retention and friendly brand affinity. Uses Dual Coding Theory + Cognitive Load Reduction + Ekman Universal Emotion to make complex ideas memorable and brands feel trustworthy-approachable.

Maxim anime-action video — engineered for tribe identity and brand loyalty in youth markets. Uses Social Identity Theory + Pattern Interruption + Emotional Amplification to create brand-tribe belonging that translates to loyalty and advocacy.

The single authoritative LegalWork Skill for creating, editing, styling, validating, and exporting every presentation. It combines Kimi-derived presentation style/detail rules, the editable PPTD project format, structural/style validation, visual QA, and deterministic local PPTX generation in one workflow. Use for any PPT, PPTX, PowerPoint, presentation, slide deck, courseware, training deck, infographic, or poster task; never route new PPT creation through the generic document Skill.

Guides preparation of a memorandum for review of an environmental impact statement for a utility-scale energy project by identifying analytical deficiencies, consultation adequacy issues, cultural resources obligations, and socioeconomic analysis gaps that may create legal vulnerability to challenge.

Draft a federal antitrust complaint by pleading plausible facts, tying allegations to source documents at a categorical level, organizing claims by theory of liability, and requesting appropriate relief.

Exercise UX craft judgment on a screen or artefact — visual hierarchy, layout, spacing, type, and interaction behaviour — deciding what should be loudest, how the eye should travel, and what an element must do when touched. Use when a surface is being composed or critiqued and the question is whether it reads and behaves well, not which class or token to type. Do not use it to pick tokens, classes, or components (design-system-usage owns that), to judge conformance against WCAG success criter...

Answered entirely from general UI/accessibility knowledge (WCAG 2.2, common platform HIG target-size guidance, typical UI motion-timing conventions) with no lookup of any project-specific design system or repository files, as instructed for this leg. Identified nine distinct problems with the described pill control, spanning accessibility (colour-only state, contrast, screen-reader semantics, touch target size), usability (grey-as-disabled convention, label legibility at 11px, animation durat...

Here's what I'd push back on, roughly in order of how much it matters: **1. Colour is the only signal of state.** Grey-to-green is a pure hue/lightness change with nothing else riding on top of it — no icon, no checkmark, no text change. Somewhere around 1 in 12 men and 1 in 200 women have some form of colour vision deficiency, and red-green confusion is the most common variant, which can make a grey-vs-green distinction genuinely hard to read at a glance, especially at small sizes. This is a...

> Voice and tone in UI writing — defining voice (constant) vs tone (contextual), formality calibration, and emotional register

> Tooltip and contextual help writing — when to use tooltips, what to put in them, and progressive disclosure patterns that educate without interrupting