5. Design & Creative

Provides pre-configured Mapbox style patterns and layer recipes for common mapping use cases like real estate, restaurant finders, and data visualization.

Expert guidance on map design principles, color theory, visual hierarchy, and typography for creating effective and beautiful maps with Mapbox.

Validates and optimizes Mapbox styles for production, ensuring visual quality, accessibility, and performance standards.

Provides an iterative workflow for refining web application UI/UX to achieve high-fidelity, Stripe-like visual polish through multiple design passes.

Creates user-friendly content models for blocks to simplify authoring during block development and modification.

Provides a visual calendar interface for displaying events and selecting available time slots, ideal for scheduling meetings and managing appointments.

Toolkit for creating, editing, and analyzing PowerPoint presentations (.pptx), including content modification, layout adjustments, and speaker notes.

Toolkit for reading, extracting, and creating PDF documents with professional formatting, precise typography, and design-focused layouts.

Provides animation utilities for React Three Fiber, enabling frame-based, physics-driven, and keyframe animations for 3D objects and GLTF models.

Configures lighting in React Three Fiber (r3f) scenes including shadows, environment, and IBL for high-quality 3D visuals.

Enables physics simulation and collision detection in React Three Fiber applications using Rapier for interactive 3D experiences and character controllers.

Creates and optimizes 3D geometry (shapes, meshes, point clouds) in React using React Three Fiber and Drei for efficient rendering.

Adds visual effects like bloom, depth of field, and custom screen-space shaders to React Three Fiber applications for enhanced 3D graphics.

Generates distinctive, production-grade UI/UX designs for web interfaces, avoiding generic AI aesthetics while handling components, layouts, and themes.

Generates professional Marp presentation slides with 7 built-in themes and automatic quality enhancements for visual appeal.

Handles Excalidraw diagram files for flowcharts and architecture visualization, delegating operations to subagents to prevent context exhaustion.

Creates and edits diagrams using draw.io, supporting XML file editing, PNG conversion, and AWS icon integration for visual design workflows.

Creates scalable design systems with tokens, component architecture, and accessibility guidelines for consistent UI across products.

Generates custom memes using the memegen.link API with 100+ templates and text styling for social media and humorous content.

Converts text content into standardized 16:9 infographic prompts with minimal text and consistent style for direct image generation.

Generates project-specific DESIGN_SYSTEM.md documentation to enforce UI/UX consistency across SPAs, server-rendered sites, and hybrid applications using tokens, component rules, and accessibility gates.

Designs user interfaces for dashboards, admin panels, and interactive applications with emphasis on usability and functionality.

Builds chat interfaces and agent management UIs with Castella, featuring chat components, tool call displays, and multi-agent hubs.

Generates images for design purposes using Google Gemini's image generation API, including UI mockups, illustrations, and concept art.