5. Design & Creative

Guides users in selecting optimal diagram types and tools for visualization scenarios, providing patterns and best practices for common use cases.

Designs navigation systems including menus, breadcrumbs, and APIs for headless CMS, with emphasis on user experience and mobile patterns.

Authoritative reference for Mermaid diagram syntax, including examples and integration guidance for visual diagram creation.

Manages design token systems for consistent UI/UX across platforms using CSS variables and Style Dictionary.

Creates visually engaging and user-friendly developer portals with integrated API documentation for optimal developer experience.

Designs user-facing AI agents that adapt UX through behavioral learning and per-user expertise profiles for personalized experiences.

Provides Melodic Software's brand identity guidelines including colors, typography, logo usage, and component patterns for consistent UI and marketing materials.

Designs spec-based review workflows with visual validation and issue classification for UI/UX design processes.

Creates swimlane UI patterns for visualizing workflow execution in observability dashboards and real-time status displays.

Provides modeling capabilities using SysML for systems engineering and complex system design.

Creates polished, professional UIs for dashboards, admin panels, and SaaS applications with full component and style customization capabilities.

Autonomous agent that creates, critiques, and deploys p5.js visualizations with design and UX optimization.

Conducts user research and usability testing to uncover needs and drive data-driven UI/UX design decisions for product improvement.

Presents a multi-select question interface enabling users to select multiple options from a list.

Creates intuitive, beautiful, and accessible user interfaces using design systems and visual hierarchy for exceptional user experiences.

Expertly tests digital interfaces for WCAG compliance, ensuring screen reader compatibility and keyboard navigation for inclusive user experiences.

Generates unique visual designs by synthesizing user preferences and inspirations, covering typography, color, layout, spacing, and animation philosophy.

Provides font recommendations by vibe, category, and archetype with pairing guidelines for Next.js project design.

AI assistant framework guiding users through research, design, and implementation of unique portfolio websites from scratch.

Reference guide for portfolio color palettes featuring quick vibe lookup, full palette sets, and 60-30-10 application guidelines.

Provides UX standards and best practices for design environments, covering implementation of user-centered design principles.

Creates distinctive, high-quality frontend designs for landing pages, UI components, and dashboards, avoiding generic AI aesthetics.

Manages Unified Impact Diagrams using Diagram Driven Development (DDD) to align user value with technical implementation.

Manages design tokens, colors, and typography to ensure visual consistency across design systems and user interfaces.