5. Design & Creative

Provides optimized techniques for creating high-quality videos using Remotion within React applications, emphasizing visual and performance best practices.

Provides production-ready Tailwind CSS patterns for common UI components including responsive layouts, cards, navigation, and forms with mobile-first and dark mode support.

Applies Swiss International Style principles to design consistent and modern UI components for the Resume Matcher application.

Provides production-ready Tailwind CSS patterns for common UI components including responsive layouts, cards, navigation, and forms with mobile-first and dark mode support.

Applies Swiss International Style principles to design and style UI components for the Resume Matcher application.

Generates Slack-optimized animated GIFs with size validation and composable animation primitives from user descriptions.

Enhances image resolution, sharpness, and clarity for professional visual content in presentations, documentation, and social media.

Creates stunning UI/UX designs for web applications without requiring pre-existing mockups, blending design and development expertise.

Provides comprehensive UI/UX design intelligence with 50 styles, 21 palettes, and component libraries for modern frameworks like React and Next.js.

Provides AI-driven UI/UX design intelligence with 50 styles, 21 palettes, and component libraries for web and mobile applications.

Provides comprehensive UI/UX design intelligence with 50 styles, 21 palettes, and component libraries for frameworks like React and Next.js.

Provides comprehensive UI/UX design intelligence with 50 styles, 21 palettes, and component libraries for frameworks like React and Tailwind.

Offers 50 UI/UX styles, 21 palettes, 50 font pairings, and component libraries for frameworks like Tailwind and React.

Enforces Tailwind CSS best practices for consistent UI styling within Mastra Playground's design system.

Creates terminal-friendly ASCII art diagrams from PlantUML descriptions, supporting sequence, class, and flowchart formats.

Manages Excalidraw diagram files and architecture visualizations, delegating operations to subagents to avoid context limits from large JSON files.

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

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

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

Generates professional presentation slides using Marp with multiple built-in themes and automatic design improvements for a polished look.

Creates Mermaid diagrams including flowcharts, sequence diagrams, ERDs, and architecture visualizations for design purposes.

Provides optimized techniques for creating videos using Remotion, a React-based video production library.

Provides comprehensive UI/UX design intelligence with 50 styles, 21 palettes, and component libraries for frameworks like React and Tailwind.

Optimizes in-app user experience for converting free users to paid subscriptions through strategic paywall and upgrade screen design.