5. Design & Creative

Creates interactive maps in Obsidian using LeafletJS, supporting real-world maps, markers, GeoJSON, and GPX tracks for visual note integration.

Enforces a minimal, precise design system for dashboards and admin interfaces, inspired by Linear, Notion, and Stripe.

Produces high-quality, distinctive frontend interfaces and polished UI code for web components, pages, and applications, avoiding generic AI aesthetics.

Converts markdown to styled HTML for WeChat articles with automatic image uploads for seamless publishing.

Creates interactive presentation slides using React and Tailwind CSS, triggered by presentation-related keywords.

Guides on applying UI/UX principles, accessibility standards, and design systems for modern software interfaces.

Conducts UX research and analysis to discover, validate, and evaluate software experiences, including research operations and measurement.

Designs AI-optimized help centers, knowledge bases, and FAQs with modern UI/UX best practices for 2025-2026.

Assists in visual design exploration, UI/UX planning, and design system development including user journeys and information architecture.

Creates UI/UX design specifications including design tokens (colors, fonts, spacing) and component specs for Claude Orchestrator.

Streamlines the creation of modular design sub-patterns through a low-UI interface for efficient design system development.

Enhances user interfaces with polished layouts and styling to improve visual appeal and user experience.

Specializes in elite UI/UX implementation using Design Protocols and Maestro Audits for seamless user experiences.

Generates elite, non-generic design systems using Visual Engine and Topological Betrayal techniques for creative direction.

Architects game design focusing on game feel, core loop psychology, and cross-platform engineering to create engaging and monetizable experiences.

Generates distinctive, production-ready frontend interfaces with high design quality, avoiding generic AI aesthetics for web components, pages, and applications.

Creates and edits visual diagrams (mind maps, flowcharts) using Obsidian's .canvas file format for note organization and visualization.

Generates custom AI artwork using OpenAI's gpt-image-1 model with support for various artistic styles and aspect ratios.

Extracts website design elements to generate comprehensive design system documentation including colors, typography, and component patterns.

Generates algorithmic art using p5.js with seeded randomness, flow fields, and particle systems for creative visualizations.

Structured technique to refine rough ideas into validated design solutions using Socratic questioning and incremental validation before implementation.

Architects scalable design systems using Atomic Design, design tokens, and theming to ensure brand consistency and modern UI/UX.

Creates system architecture diagrams using Mermaid, following C4 Model and SpecWeave conventions for visualizing software design, data flows, and system interactions.

Builds consistent, platform-agnostic component libraries and design tokens for unified UI across all frameworks.