tonykipkemboi

Build a cinematic, product-accurate, beat-synced brand/product teaser (~20-40s) in HyperFrames by recreating the REAL product UI pixel-faithfully and animating it to a licensed music track, with a real human voice, a message-first opener, and a call-to-action close. Use when the ask is a 'brand teaser', 'product teaser', 'cinematic teaser', a hype reveal, or 'recreate my app's UI in a promo and sync it to music' where UI fidelity and music sync matter more than a stock-footage montage. Distinct from product-launch-video (which uses captured screenshots): here you REBUILD the interface in HTML/GSAP so it performs live. A clean, repeatable clear path from product UI to finished teaser.

Generate absurd hand-drawn in-text illustrations for articles and posts. Use when the user asks to generate "absurd", "Xiaohei", "Tony Cozy Builder", "Tony Pocket Helper", "mascot", "hand-drawn", "in-text illustration", "article illustration", "illustration suggestions", "shot list", "remove title", or "edit image" work for articles, posts, blogs, Notion documents, workflow documents, methodologies, workflows, structures, states, metaphors, or viewpoints. Supports three mascot presets: Xiaohei, Tony Cozy Builder, and Tony Pocket Helper.

Generate absurd hand-drawn in-text illustrations for articles and posts. Use when the user asks to generate "absurd", "Xiaohei", "Tony Cozy Builder", "Tony Pocket Helper", "mascot", "hand-drawn", "in-text illustration", "article illustration", "illustration suggestions", "shot list", "remove title", or "edit image" work for articles, posts, blogs, Notion documents, workflow documents, methodologies, workflows, structures, states, metaphors, or viewpoints. Supports three mascot presets: Xiaohei, Tony Cozy Builder, and Tony Pocket Helper.

Use when composing, adding, editing, or reviewing a blog post in this repo (app/blog/posts/*.mdx) before it ships — to review the post's hero image and its generated social-share (OG/Twitter) card and fix any issues before pushing. Trigger on any new or changed .mdx post, before commit/PR/merge to main.

This skill should be used when the user asks to "generate an insights video", "make a video of my insights", "create an insights video", "insights video", "visualize my Claude Code stats", or wants to turn their /insights data into a shareable animated video. Generates a polished 30-second Remotion video with Claude branding, animated stats, project areas chart, friction analysis, and background music.