5. Design & Creative

Analyzes infrastructure, backend, and frontend to generate architecture diagrams in Draw.io, Mermaid.js, or PlantUML for documentation and system understanding.

Defines gallery system architecture including main gallery (4 images), thumbnails, modal popups, privacy policy, and image source priority for a printing system.

Enables pre-implementation exploration of user intent, requirements, and design before developing features or components.

Generates interactive web-based presentations using reveal.js or similar HTML frameworks for dynamic slide shows.

Curates effective website designs across SaaS, e-commerce, and portfolios with pattern analysis for design inspiration.

Provides opinionated design constraints to guide consistent and usable interface development for AI agents.

Provides pre-built and customizable Clerk authentication UI components for sign-in, sign-up, and user management with theming capabilities.

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

Provides UI/UX design patterns for Next.js applications to optimize conversion rates through strategic CTA placement, landing page layouts, and trust signals.

Generates distinctive, high-quality frontend interfaces and components with polished, non-generic design for production applications.

Enforces shadcn/ui design system guidelines including typography, spacing, color, and accessibility standards for consistent UI development.

Creates iOS/iPadOS interfaces adhering to Apple HIG with SwiftUI, navigation patterns, and accessibility compliance.

Debugs Manim animation scenes by rendering to still frames for frame-by-frame inspection and visual issue diagnosis.

Comprehensive UI/UX design resource library featuring styles, color palettes, fonts, charts, and guidelines with BM25-powered search.

Step-by-step styling guide for Pupun Korvat jewelry, featuring elegant artisan aesthetic with rose gold accents, corner decorations, and shimmer effects.

Captures UI screenshots for visual validation against Figma designs, ensuring design consistency during implementation.

Creates professional PowerPoint presentations from content using HTML/CSS, and analyzes existing PPTX files for structure and content.

Generates platform-optimized app icons for web, iOS, and Android in SVG/PNG formats with design best practices and color psychology guidance.

Captures high-resolution screenshots of all manual pages for translation, layout, and content verification.

Automatically generates Chakra UI-based wireframe images from YAML definitions for UI/UX design workflows.

Provides UX/UI guidance for real_deal platform, covering design principles, accessibility, and responsive design for feature development.

Generates high-quality, non-generic UI/UX designs for web interfaces, components, and applications with polished visual execution.

Guides users through branding questionnaires, researches fonts/colors, and generates visual brand guidelines with swatches in Markdown and text formats.

Provides expert guidance for creating accurate and visually polished Mermaid diagrams to enhance architecture documentation.