Design & Media

Generates professional slide deck images from content, with style presets, audience targeting, and optional PPTX/PDF export.

Applies curated color and font themes to artifacts like slides, docs, and HTML pages, with options to generate custom themes on demand.

Generates article cover images with customizable type, palette, rendering, text, mood, and font, supporting multiple aspect ratios and reference images.

Creates publication-ready infographics by combining 21 layout types with 20 visual styles, analyzing content, and recommending optimal combinations.

Creates algorithmic art as p5.js generative sketches, starting from a written philosophy and ending with interactive HTML and JavaScript files.

Improves image quality, especially screenshots, by enhancing resolution, sharpness, and clarity for presentations, documentation, or social media.

Creates illustrations, diagrams, and visual content with workflows for various formats, routing to specialized processes and outputting to Downloads for preview.

Audits UX quality of a codebase or validates implementation against design mockups, then fixes issues and commits changes.

Polishes UI primitives one at a time using research-backed patterns: adds loading and icon states to buttons, replaces inline skeletons with primitives, adds secondary actions to errors, ensures 48px touch targets and visible focus indicators, and applies a standard motion token ladder.

Audits and fixes responsive design issues across breakpoints, including fixed widths, missing media queries, non-responsive images, undersized touch targets, and horizontal scroll, with framework detection and verification at mobile, tablet, desktop, and wide viewports.

Builds distinctive, production-grade UI by committing to one of 12 named visual directions, implementing a real typography scale, spacing system, and one signature flourish, then gating the result through a measurable anti-slop checklist and contrast/touch-target verification.

Audits design quality across accessibility, performance, theming, and responsiveness, producing a prioritized report with severity ratings and fix recommendations.

Scans a codebase to extract design tokens, typography, colors, spacing, and brand patterns, then writes a Design Context section to CLAUDE.md without asking questions.

Runs a headless-Chromium sweep at phone/tablet widths to catch off-screen overflow, tiny touch targets, clipped text, and oversized modals, then reports each offender with a screenshot and a concrete fix.

Provides a frontend design mode for strong visual direction, UI polish, redesigns, landing pages, and production-grade interface work, including shadcn-based surfaces.

Adapt existing designs to work effectively across different contexts - different screen sizes, devices, platforms, or use cases.

Performs a meticulous final pass on frontend work, checking visual alignment, typography, color contrast, interaction states, micro-interactions, content, icons, forms, edge cases, responsiveness, performance, and code quality to elevate work from shipped to polished.

Generates or edits images for projects using the OpenAI Image API, with support for batch runs and structured prompt augmentation.

Analyze a feature and strategically add animations and micro-interactions that enhance understanding, provide feedback, and create delight.

Simplify UI designs by removing unnecessary complexity, clarifying hierarchy, and focusing on essential elements.

Identifies reusable UI patterns, components, and design tokens, then extracts and consolidates them into a design system for systematic reuse.

Refines overly bold or aggressive designs into a calmer, more sophisticated aesthetic while preserving effectiveness and usability.

Applies curated color palettes and font pairings to style artifacts such as slide decks, docs, and landing pages, with 10 preset themes and the ability to generate custom themes on demand.

Guides distinctive, intentional visual design for new or existing UI, covering aesthetic direction, typography, and avoiding templated defaults.

Generates images from text prompts using Google Gemini's image generation model, saving them as PNG files for use in UI, documentation, and design assets.

Resize and validate App Store screenshots using current asc size data and macOS sips, preparing them for App Store Connect submission.

Routes UX, UI, accessibility, and onboarding design tasks to specialized sub-skills, applying behavioral science and WCAG 2.1 AA standards.

Builds narrative-driven HTML slide decks for pitches, briefings, demos, and talks, applying persuasion frameworks and design tokens.

Creates digital banners for social, display, hero, and email formats, applying behavioral science principles to maximize attention and conversion.

Builds and governs design systems with a three-layer token architecture, component specs, and design-to-code handoff, including slide generation.

Generates 3-5 editable SVG logo concepts with design rationale and usage notes, ready for refinement and shipping.

Orchestrates cross-domain design work by dispatching to specialized design sub-skills and applying behavioral science frameworks for audits, critiques, and strategy.

Provides a curated library of design references covering typography, color systems, component patterns, animation, accessibility, and critique frameworks, plus a catalog of 59 brand design systems for UI generation.

Applies WCAG accessibility guidelines to structure analysis, decision-making, and recommendations for design and user experience contexts.

Maintains brand consistency, guidelines, and visual identity across all touchpoints, including audits, training, and compliance monitoring.

Audits product flows to find delight opportunities, then specifies micro-interactions, animations, and usability risk assessments that balance playful design with functional clarity.