5. Design & Creative

Generates professional AI-enhanced photos with style customization, image editing, and creative fusion for portraits, groups, and posters using ByteDance Seedream 4.5.

Standardizes UX states (loading, error, empty, success) with components for data fetching flows and state machine patterns.

Creates Mermaid diagrams for flowcharts, sequence diagrams, ERDs, and architecture visualizations directly in markdown format.

Creates smooth UI/UX animations, micro-interactions, and page transitions using Framer Motion for enhanced user experiences.

Provides reusable UI micro-interactions, motion presets, and gesture feedback for polished user interfaces including hover effects and transitions.

Provides UI/UX design assistance with user-centered processes, WCAG 2.1 AA accessibility compliance, and mobile-first responsive design specifications.

Enables implementation of visual design, component styling, and design systems with intentional aesthetics and production-grade design tokens.

Enables creation, editing, and analysis of Microsoft PowerPoint presentations (.pptx) including content modification, layout adjustments, and speaker notes.

Automates creation of intuitive, accessible CLI/TUI interfaces with modern visual design and UX patterns.

Strategically sources free UI assets (avatars, photos, illustrations) using DiceBear, Unsplash, and unDraw before resorting to AI generation.

Provides polished, animated UI components for SaaS landing pages including stats tickers, device mockups, and interactive buttons, built with Framer Motion and Tailwind.

Provides structured UI/UX design review methodology against accessibility (WCAG 2.1 AA), responsive standards, and component guidelines, generating prioritized quality reports.

Provides lightweight, SSR-compatible Lottie animations for UI elements like loading spinners, checkmarks, and empty states without interactivity.

Provides UI image sourcing with free options (DiceBear, Unsplash, unDraw) and AI generation for custom needs.

Provides dramatic animated effects for landing pages and marketing sites, including hero sections, 3D hover cards, and text reveals using Framer Motion and Tailwind.

Enables state-driven interactive animations for UI/UX elements, reacting to user input and data values.

Generates and edits draw.io diagrams with XML support, Japanese text, font settings, and arrow placement for flowcharts and architecture diagrams.

Creates presentation slides from markdown using visual blocks (accordion, cards, tabs) with embedded HTML/JS for non-executable, presentation-ready output.

Customizes inspector panels in node editors for tailored UI components, settings, and node-specific configurations.

Automates batch image processing with resizing, cropping, watermarking, and color correction for web, print, and social media outputs.

Adds customizable text overlays, subtitles, and captions to videos with control over positioning, styling, and timing.

Generates photo collages with customizable grid layouts, borders, and backgrounds from multiple images.

Generates flowcharts from YAML/JSON or Python DSL with support for shapes, swimlanes, and export to PNG/SVG/PDF.

Generates optimized image thumbnails with smart cropping, multiple size outputs, and batch processing for web and social media design assets.