Brand Color Palette Rationale

Use when the user wants to design, redesign, shape, critique, audit, polish, simplify, harden, animate, or otherwise improve a frontend interface: websites, landing pages, dashboards, product UI, components, forms, settings, onboarding, empty states, and native iOS or Android screens. Handles UX review, hierarchy, layout, typography, color, motion, UX copy, accessibility, responsive behavior, edge cases, and capturing or documenting design systems (DESIGN.md, tokens). Also for making bland UI bolder, loud UI quieter, or ambitious visual effects. Not for backend-only or non-UI tasks.

Produces a 30–60 second explainer video as a pure JavaScript canvas animation with neural TTS narration, self-synthesized music, sound effects and captions; delivers an interactive HTML page plus a rendered MP4. Use for product explainers, feature announcements, promo or social clips, "make a video about our app", pain points then features, hand-drawn/collage/whimsical animation with voice-over. Starts with a briefing (product, audience, fact source, length, aspect ratio, voice, pronunciation, CTA).

Premium brand-kit image generation skill for creating high-end brand-guidelines boards, logo systems, identity decks, and visual-world presentations. Trained for minimalist, cinematic, editorial, dark-tech, luxury, cultural, security, gaming, developer-tool, and consumer-app brand systems. Optimized for intentional logo concepting, refined composition, sparse typography, strong symbolic meaning, premium mockups, art-directed imagery, and flexible grid layouts.