5. Design & Creative

Provides best practices for creating and editing videos using Remotion, ensuring efficient React-based video production workflows and high-quality visual output.

Creates brand identity files including tone-of-voice.md and brand-system.md for consistent presentation design and brand awareness.

Generates aesthetically pleasing PDF reports with Nordic/Scandinavian design using HTML-to-PDF conversion via Nutrient DWS API.

Provides advanced UI/UX design capabilities including modern patterns, accessibility compliance, and custom design systems for web and mobile applications.

Generates frontend UI components and feedback forms based on user requests for UI elements, forms, and contact sections.

Creates and manages project-specific design systems for SaaS applications, serving as the single source of truth for all UX/UI decisions.

Creates responsive layout systems using grid, flexbox, and breakpoints for structured, adaptive user interfaces.

Enables implementation of onboarding flows, interactive tutorials, and accessibility-compliant help systems to guide new users and enhance feature discovery.

Provides a design token system and theming framework for consistent, accessible UI styling across components, supporting dark/light mode, RTL, and accessibility standards.

Creates and manages project-specific design systems for SaaS applications, serving as the single source of truth for all UX/UI decisions.

Optimizes images for web and mobile use, reducing file size while preserving visual quality to improve loading speed and user experience.

Creates architecture and system diagrams in Excalidraw format from codebase analysis, visualizing code structure for clarity.

Advanced tool for detecting UI regressions and ensuring visual consistency across responsive designs and browsers using pixel-perfect comparison and AI analysis.

Tests translations, locale formats, RTL support, and cultural appropriateness for global product deployments.

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

Provides the 5 Pillars framework for intentional UI design to avoid generic AI-generated interfaces and create memorable user experiences.

Creates and edits Slidev presentations within a specific repository, applying conventions and handling layout, components, and animation for polished decks.

Generates high-quality, distinctive frontend interfaces for web components and applications, avoiding generic AI aesthetics.

Automates creation of visually distinctive frontend interfaces and UI components using specified design systems and frameworks.

Analyzes website UI styles via ChromeDevTools to extract CSS tokens, animations, and interaction states for design system creation.

Automates video editing with FFmpeg to remove verbal errors and generate subtitles based on user commands.

AI-powered YouTube video editor that generates chapter-based clips, translates subtitles to bilingual, burns subtitles, and creates summaries.

Removes transparency from iOS app icons to resolve App Store rejection errors and ensure compliance with Apple's submission guidelines.

Automates resizing of app screenshots to exact App Store dimensions for successful upload to App Store Connect.