5. Design & Creative

Generates distinctive, production-ready frontend interfaces with high design quality, avoiding generic AI aesthetics for web components, pages, and applications.

Creates production-grade, distinctive frontend interfaces and UI components with design excellence, avoiding generic AI aesthetics for polished visual outputs.

Mandatory pre-implementation process for exploring user intent, requirements, and design before creating features or components.

Generates original visual designs in PNG and PDF formats for posters, art, and static creative pieces, adhering to design philosophy and avoiding copyright issues.

Verifies UI changes via screenshots, smoke tests, and console checks to ensure visual accuracy in extensions and backend.

Creates aesthetically pleasing code snippet images from source code using ray.so, saving to local directory or specified path for sharing.

Displays colorful ANSI art of the word 'ultrathink' when triggered by the word or command.

Transforms text content into visually engaging infographics, presenting information through professional design elements.

Guides command-line usage of ImageMagick for advanced image manipulation including conversion, resizing, and batch processing.

Provides a guide for implementing accessible, beautifully-designed UI components using Radix UI and Tailwind CSS in React applications.

Provides a guide for using FFmpeg to encode, convert, and filter video and audio files with streaming and quality optimization capabilities.

Guides integration of RemixIcon, a neutral-style icon library with 3,100+ icons, for UI components and interfaces in web applications.

Generates visual descriptions for video transcripts by analyzing frames with ffmpeg, creating a visual transcript from existing audio transcripts.

Generates video rough cut sequences by processing visual transcripts and file markers into Buttercut-compatible YAML and XML formats.

Mandatory pre-implementation process exploring user intent, requirements, and design to guide feature development and component building.

Automates accessibility and visual design reviews for UI components to ensure WCAG compliance and design quality.

Enables consistent UI development using WordPress Design System (WPDS) components, tokens, and design patterns for cohesive interfaces.

AI-powered image generation for logos, icons, and visual assets with style transfer capabilities.

Creates and modifies demo videos using the Remotion library, enabling React-based video generation for visual content.

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

Creates educational illustrations and diagrams using Gemini AI via browser automation with quality control, specifically for technical content creation.

Evaluates UI components against UX best practices using a 3D framework (Position, Visual Weight, Spacing) aligned with Nielsen heuristics and Balsamiq standards.

Builds interactive AI chat widgets with buttons, forms, entity tagging, and composer tools for agentic UIs with bidirectional actions.

Generates distinctive, production-ready frontend interfaces with high design quality, avoiding generic AI aesthetics for web components, blogs, and applications.