chat-motion-overlay
This skill is for Design and helps you generate chat motion overlays from transcripts, create animated chat bubble scenes, and build app-style chat containers with avatars.
Generate configurable chat motion overlays from a transcript or screenshot, including plain bubble scenes, app-style chat containers, optional device frames, preset or uploaded avatars, nickname display rules, and transparent-video-ready Remotion bundles. Use when Codex needs to create reusable short-form chat clips for Douyin, demo videos, story reenactments, social-message proof scenes, or embeddable alpha overlays for Hyperframe and Remotion workflows.
Helps you
- Generate chat motion overlays from transcripts
- Create animated chat bubble scenes
- Build app-style chat containers with avatars
- Export transparent video bundles for social media
- Design reusable chat clips for short-form video
- Generate chat proof scenes with device frames
Install
Plugin marketplace/plugin marketplace add nexu-io/open-design
/plugin install chat-motion-overlayWhat it can use
The author didn’t declare which tools this skill uses. Read the SKILL.md before installing it.
remotionanimationdouyinShort Form Videochat-uiTransparent Video
Also in nexu-io/open-design
View the repoHyperframes-based video template for retro pixel deck motion design. Use when users want a high-fidelity, multi-scene HTML-to-video composit...
Generate and iterate ad creative including headlines, descriptions, and primary text. Useful for paid social and search ad iteration.
Luxury dark-editorial HyperFrames template for three-page cinematic storyboards, inspired by haute couture title cards and magazine chapter...
Browser automation CLI for AI agents. Use when the user needs to inspect, test, or automate browser behavior: navigating pages, filling form...
Full-lifecycle AI music album production — concept, lyric drafting, track sequencing, and export. Useful for indie album experiments and bra...
Create generative art using p5.js with seeded randomness so every render is reproducible. Useful for procedural posters, motion-style stills...
Apple Human Interface Guidelines as 14 agent skills covering platforms, foundations, components, patterns, inputs, and technologies for iOS,...
Huashu / huashu-md-html-inspired magazine article layout for turning Markdown or notes into a polished long-form HTML essay.
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS,...
Audio generation skill — jingles, beds, voiceover, and sound effects. Routes music requests to Suno V5 / Udio / Lyria, speech to MiniMax TTS...
A long-form article / blog post — masthead, hero image placeholder, article body with figures and pull quotes, author byline, related posts....
Transform rough ideas into fully-formed designs through structured questioning and alternative exploration. Useful early in concept work.
Other Design skills
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typog...
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art...
Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right,...
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explor...
Stop Codex, GitHub Copilot, Claude Code, and Cursor from shipping generic UI. Use UIZZE’s public catalogue of 800,000+ real web and iOS scre...
Use when creating, editing, or generating draw.io diagram files (.drawio, .drawio.svg, .drawio.png). Covers mxGraph XML authoring, shape lib...