5. Design & Creative

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

Assists in implementing and optimizing lighting effects in Three.js, including light types, shadows, and environment lighting for 3D scenes.

Enables advanced visual effects in Three.js applications through post-processing techniques like bloom, depth of field, and screen-space shaders.

Extracts individual frames or short video clips from video files using the ffmpeg command-line tool.

Crafts engaging dating bios and curates optimal photo sequences to maximize profile appeal and user engagement.

Generates responsive layout patterns using Aksel design system spacing tokens for Box, VStack, HStack, and HGrid components.

Generates Material 3 theme code with Banyg branding from design tokens or color palettes for consistent UI implementation.

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

Creates responsive UI layouts using Aksel spacing tokens and layout components like VStack and HStack.

Creates and manages 3D animations in Three.js, including skeletal, morph target, and keyframe animations for interactive web experiences.

Transforms reference materials into professional, visually consistent slide decks with cohesive design and layout.

Creates optimized animated GIFs for Slack, including validation and constraints to ensure compatibility and quality in Slack environments.

AI-driven UI/UX design assistant offering 50 styles, 21 palettes, and component libraries for frameworks like Tailwind and React.

Structured brainstorming to explore user intent and design requirements before implementing features or components.

Creates customizable QR codes with optional central image overlays for branding and marketing visual assets.

Resizes images to specified dimensions or percentage scales, supporting visual content creation and design workflows.

Provides a unified design system for Documatica UI with typography, color schemes, component classes, and layout patterns using Tailwind-like syntax.

Provides a guide for optimizing Angular page layouts, ensuring consistent styling for components like dashboards and grids.

Finds suitable icon replacements during UI/UX migration, ensuring consistency when transitioning between icon sets.

Reviews business goals, PRDs, user journeys, and UX designs for completeness, clarity, and user alignment.

Generates distinctive, production-ready frontend interfaces and web components with polished, non-generic design suitable for applications and visual artifacts.

Audits and refines frontend codebases for design engineering craft, emphasizing optical precision, motion choreography, and interaction delight.

CLI tool for searching and retrieving SVG icons from Iconify libraries, streamlining UI/UX design workflows with efficient icon management.

Creates shareable infographic PNG images from code changelog summaries for documentation and team communication.