5. Design & Creative

Creates unified design standards, reusable UI components, and comprehensive documentation for consistent user interfaces across products and teams.

Fetches Unsplash stock photos by keyword, random, or specific search with automatic attribution compliance.

Applies the 5 Pillars of Intentional UI to guide frontend design decisions, avoiding generic AI-generated aesthetics in styling, layout, and typography.

Automates creation of professionally edited short videos from YouTube clips with intelligent analysis, precise clipping, and high-quality subtitle processing.

Facilitates collaborative ideation for feature design and component planning prior to implementation in creative development workflows.

Comprehensive video processing toolkit for editing, enhancing, and preparing videos for distribution, including audio manipulation and caption generation.

Extracts design tokens, component specs, and design systems from Figma for seamless UI implementation and design system integration.

Generates animated CLI demos and terminal recordings as GIFs from command descriptions or manual tape files for demonstration purposes.

Extracts design systems from UI screenshots and generates implementation-ready design prompts for consistent UI development.

Optimizes prompts for FLUX.1 image generation, transforming visual requests into detailed, high-quality AI art prompts with technical parameters and descriptive language.

Guides pre-implementation exploration of user intent, requirements, and design to inform feature development and component creation.

Specializes in crafting responsive, high-performance CSS and LESS for Magento 2 themes, ensuring cross-browser compatibility and modern design standards.

Generates professional slide decks with data-driven visuals, structured content, and persuasive storytelling for presentations and pitches.

Intelligent UI/UX design assistant featuring a searchable database of design patterns and assets for accelerated design workflows.

Creates and edits visual diagrams (mind maps, flowcharts) using Obsidian's .canvas file format for knowledge mapping and visual organization.

Generates embeddable educational network visualizations via vis-network library, packaged as MicroSims in /docs/sims directory.

Generates interactive timeline visualizations using vis-timeline library, producing complete HTML, CSS, and JSON packages for historical, project, and event sequences.

Creates Mermaid-based workflow diagrams for educational textbooks as standalone HTML files with specified styling and MicroSim pattern.

Generates interactive educational infographics using p5.js from vis-network JSON data, featuring node relationships, hover tooltips, and a control panel for detailed descriptions.

Creates interactive Venn diagrams using venn.js for educational materials, outputting standalone HTML with customizable visuals.

Provides structured design constraints for creating intuitive user interfaces in agent-based applications, enhancing usability and consistency.

Generates distinctive, accessible color palettes for UI/UX design with domain-specific options and accessibility validation to avoid generic patterns.

Automates celebrity beauty short-form video content creation from research to post-optimization using a multi-agent system.

Basic image transformation and optimization tool for resizing, cropping, format conversion, and transparency adjustments in creative workflows.