5. Design & Creative

Builds immersive scroll-driven web experiences with parallax, animations, and interactive storytelling to transform websites into engaging narratives.

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

Creates animated terminal demos as GIFs or SVGs from asciinema recordings for embedding in GitHub documentation and pull requests.

Provides spoken voice updates to users, summarizing completed tasks through text-to-speech technology.

Extracts subtitles and transcripts from YouTube videos for accessibility, content repurposing, and creative production.

Generates interactive Plotly charts for visual content creation, automatically activated by specific triggers.

Generates Chart.js configuration objects for creating interactive data visualizations in web applications.

Generates structured outlines for presentation slides, optimizing visual content design and organization.

Extends video duration by seamlessly continuing shorter clips using Kling AI's video continuation feature, ideal for creating longer video sequences from existing content.

Auto-generates Mermaid flowcharts from text descriptions, enabling rapid visual diagram creation for technical documentation and planning.

Provides core workflow for editing, exporting, and managing presentation assets in Gamma, supporting various formats and slide modifications.

Creates Mermaid-based state diagrams for visual content representation in documentation and design processes.

Generates organizational charts as visual content for business structures and team hierarchies.

Customizes Windsurf theme visual settings including colors, dark mode, and accessibility features based on user requests.

Auto-generates structured outlines for infographics, providing clear visual content frameworks for design workflows.

Creates visual mindmaps to organize complex ideas. Automatically activates for visual content generation tasks.

Generates ASCII art diagrams for text-based visual representation. Automatically activates for diagram creation tasks.

Generates ADHD-friendly visual task breakdowns and organizational diagrams using Mermaid, optimized for neurodivergent thinking patterns with auto-detection of overwhelm.

Creates visual diagrams using the D2 language for technical and conceptual visualization.

Generates Entity-Relationship diagrams using Mermaid syntax for visual documentation and design purposes.

Manages user journey mapping operations, creating visual representations of user experience flows for design purposes.

Manages presentation slide outliner operations, enabling efficient structuring and organization of slide content for visual presentations.

Generates animated videos from static images using Kling AI, enabling motion creation from stills for content building.

Automates creation of visual process flow diagrams from user input for documentation and presentation purposes.