5. Design & Creative

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

Generates GitHub repository logos using AI (Gemini) via OpenRouter, supporting pixel art, vector, and multi-colored styles with transparency conversion.

Applies Open Session's official brand colors and typography to artifacts, ensuring visual consistency with company design standards.

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

Reviews and updates tutorial screenshots to maintain visual accuracy in documentation.

Enforces a minimalist, precise design system for dashboards and admin interfaces, inspired by Linear, Notion, and Stripe, emphasizing pixel-perfect UIs.

Reviews UI code for compliance with Web Interface Guidelines, including accessibility and UX best practices.

Creates clear, unambiguous Mermaid diagrams for system architecture, data flow, and dependency visualization based on user requests.

Generates distinctive, production-grade frontend interfaces and web components with polished, non-generic design for professional use.

Connects Figma design system components to shadcn/ui React components for seamless design-to-code implementation in UI development.

Guides on UI/UX best practices, accessibility standards, and modern design patterns for creating functional and aesthetically pleasing web interfaces.

Explores Figma files via REST API to list pages, components, and component sets, aiding design structure analysis and Code Connect integration.

Generates React and Tailwind CSS UI components using Google Stitch (MCP) for streamlined frontend design and development.

Optimizes visual layout and structure of HTML forms for enhanced user experience and accessibility without modifying functionality or code behavior.

Advanced workflow for auditing, sourcing, adding, and configuring icons using Design Preview tools and MDI library.

Generates Code Connect mappings from Figma component URLs to enable seamless integration between design systems and development environments.

Manages centralized CSS variables and design tokens for consistent styling, including colors, typography, spacing, and shadows across the CONSYS project.

Customizes desktop appearance for Bazzite users with GTK theme restoration, terminal transparency, and MOTD settings.

Generates ASCII art of a cow or other animals with speech bubbles for fun terminal-style visual output.

Ensures code and design adhere to industry standards, premium UI/UX trends, and library documentation.

Designs iOS app information architecture and navigation flows based on Apple HIG, selecting tab/hierarchical modal structures while visualizing design rationale and uncertainties.

Provides comprehensive syntax references and assistance for creating, editing, and debugging Mermaid diagrams including flowcharts and sequence diagrams.

Creates professional, consistent UI designs for HTML forms with bold business-appropriate aesthetics, avoiding generic AI styles.

Guides iOS UI/UX design adherence to Apple's Human Interface Guidelines, covering SwiftUI patterns, accessibility, and cross-platform (iOS/iPadOS/watchOS/visionOS) implementation.