5. Design & Creative

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.

AI-powered tool for generating creative ideas, exploring possibilities, and expanding concepts in problem solving.

Extracts design tokens, component specifications, and generates code from Figma designs for seamless design-to-development handoff.

A pre-work technique for generating ideas before creative software development tasks including feature creation and component building.

Generates visual hierarchy diagrams for agent systems to illustrate levels and delegation, aiding in documentation and onboarding.

Edits ShaderGraph and RealityKit material networks within USD ASCII files for 3D material creation and troubleshooting.

Library for building accessible, customizable UI components with Radix Primitives, Tailwind CSS, and CVA variants for modern frontend design.

Provides a canvas for displaying and editing markdown content, enabling document viewing and text selection for modification.