Design & Media

Apply named StyleSeed motion to React components using framer-motion, with personality seeds and keyword moves from a motion library.

Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files.

Generates DESIGN.md files for Google Stitch that encode premium, anti-generic UI standards with strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance.

Manage design systems in Stitch using MCP tools, including retrieval of assets, creating or updating design systems, and applying them to screens.

Reconcile a converted or built web page against its source prototype using pixel/layout and structural content diffs to catch fidelity regressions.

Apply consistent photo adjustments across a set of images so they look like they were edited together, using Adobe tools for color, tone, cropping, and optional selective enhancements.

Resize photos and videos to exact pixel dimensions, aspect ratios, or named sizes using Adobe tools.

Create interactive, data-driven presentation slides using React, Vite, and Recharts with Sentry branding, built as a single distributable HTML file.

Opens a browser-based whiteboard for sketching ideas with sticky notes, then reads the visual snapshot and clipboard data to provide conversational analysis and suggestions.

Design Azure infrastructure using natural language or analyze existing resources to generate architecture diagrams, refine them through conversation, and deploy with Bicep.

Process and manipulate images using ImageMagick: resize, convert formats, batch process, and retrieve metadata.

Generate, fill, or reformat PDFs with a token-based design system that adapts typography, color, and layout to document type.

Provides curated color palettes and font pairings for presentations and design tasks, including a complete design system with color tokens.

Render declarative UI widgets from JSON for React/Next.js applications, enabling agent-generated UIs, dynamic forms, and interactive cards.

Design Open Graph and social sharing images with platform-specific specs, text placement, and branding guidelines. Generate images via HTML-to-image or AI, and configure OG meta tags for Facebook, Twitter, LinkedIn, and more.

Remove backgrounds from images using BiRefNet and edit them with Reve via the inference.sh CLI.

Generate multi-speaker dialogue audio with different voices in a single file using the inference.sh CLI.

Create clear, effective data visualizations with chart selection, color theory, and annotation best practices using the inference.sh CLI.

Generate visual storyboards with AI image generation, covering shot types, camera angles, movement, continuity rules, and panel layout for video planning and pre-production.

Create consistent characters across AI-generated images using reference sheets, detailed descriptions, and LoRA techniques.

Design high-CTR YouTube thumbnails with AI image generation, covering dimensions, safe zones, color strategy, text rules, face expression psychology, and A/B testing.

Create developer handoff specifications with measurements, behaviors, assets, and edge cases.

Create an icon system specification covering grid, sizing, naming, categories, and implementation guidance.

Establish clear visual hierarchy through size, weight, color, spacing, and positioning to guide users through interfaces.

Craft portfolio-ready case studies that tell the story of a design project, demonstrating process, thinking, and impact.

Create refined user personas from research data with demographics, goals, frustrations, and behavioral patterns for product and UX design decisions.

Design clear, accessible data visualizations with appropriate chart selection and styling.

Creates detailed component specifications for design systems, covering anatomy, variants, states, accessibility, and usage guidelines.

Apply Miller's Law and chunking strategies to group information into meaningful units, making interfaces easier to scan, understand, and recall.

Establish design review gates with criteria, checklists, and approval workflows to maintain design quality.

Model complex UI behavior as finite state machines with states, events, and transitions to eliminate impossible states and make behavior predictable.

Design interfaces that adapt gracefully to multiple languages, writing directions, and cultural contexts.

Design error prevention, detection, and recovery experiences that minimize user frustration.

Generate structured documentation templates for components, patterns, or guidelines within a design system.

Create adoption strategies and materials to drive design system usage across teams.

Analyze a screen's visual hierarchy by evaluating entry point, eye flow, weight distribution, and emphasis, then provide actionable fixes.