What problem does it solve? AI agents produce generic, low-quality visual output when asked to design prototypes, presentations, or animations. This Skill encodes a designer's workflow—brand asset protocols, anti-AI-slop rules, three-direction exploration, and staged checkpoints—so agents deliver polished HTML designs, motion graphics, and editable decks instead of purple-gradient filler. ## Core Features & Use Cases - Interactive Prototypes: Build clickable single-file HTML App/Web mockups with accurate iPhone 15 Pro bezels, real imagery, and Playwright-verified interactions. - Slide Decks & PPTX: Produce 1920×1080 HTML decks with an overview wall, then export to vector PDF or genuinely editable PPTX via an html2pptx element translator. - Motion Design & Video: Create timeline-driven animations (Stage + Sprite model) and export MP4/GIF with 60fps interpolation, BGM, and SFX; optional TTS narration pipeline for long explainer videos. - Design Direction Advisor: For vague briefs, run three parallel logic tracks (random style wheel, award-winning reference migration, top-studio philosophy) to generate three real visual drafts for user selection. - Use Case: Ask the agent to "make a 60-second product launch animation for my app"—it verifies product facts via web search, collects brand assets, presents three direction boards, then renders a scored MP4 with music and sound effects. ## Quick Start Ask your agent to make a clickable iOS prototype for a Pomodoro app with four screens, or to turn a concept into a 60-second animation exported as MP4 and GIF.
