← All skill packs

Video Production & UI Design Skills

Skill pack
5 skills0 selected
boonanproSkills in this pack

Zero-friction idea capture during any stage. Appends to .design/NOTES.md. Subcommands: add, list, promote.

English

Receives CSS and HTML changes made in CSS Studio via MCP and applies them to source code.

English

Interactive AI video generation using the gemini-media MCP (Google Veo 3.1 models). Use this skill whenever the user asks to generate, create, or make a video, clip, animation, or motion content. Also use when the user wants to animate an existing image into video, extend a video clip, create a short film, promotional video, or any moving visual content. Triggers on "generate a video", "make a clip", "animate this image", "create a video of...", "video generation", or similar requests. This skill handles the full workflow from understanding intent through prompt engineering to async generation management and iterative refinement.

English

Amazonでの商品検索、カート操作、注文履歴確認を自動化する。 ユーザーがAmazon、買い物、商品検索、カート追加、注文履歴、…

Japanese

图片生成, 架构图, 流程图, 时序图, 泳道图, diagram, architecture, flowchart, sequence, swimlane, image generation, nano banana, 生图, 画图, 画一个, 生成图片, generate image, draw…

Chinese

Explore the listed skills and choose the workflows that fit your task.

Install with
Claude CodeCodexCursorGitHub CopilotGemini CLI

Supported by the Atlas install prompt. Skill-specific requirements vary.

Pack stats

Skills5CategorygeneralStars0

What’s included

Gdd Note

Zero-friction idea capture during any stage. Appends to .design/NOTES.md. Subcommands: add, list, promote.

Studio

Receives CSS and HTML changes made in CSS Studio via MCP and applies them to source code.

Video Gen

Interactive AI video generation using the gemini-media MCP (Google Veo 3.1 models). Use this skill whenever the user asks to generate, create, or make a video, clip, animation, or motion content. Also use when the user wants to animate an existing image into video, extend a video clip, create a short film, promotional video, or any moving visual content. Triggers on "generate a video", "make a clip", "animate this image", "create a video of...", "video generation", or similar requests. This skill handles the full workflow from understanding intent through prompt engineering to async generation management and iterative refinement.

Amazon

Amazonでの商品検索、カート操作、注文履歴確認を自動化する。 ユーザーがAmazon、買い物、商品検索、カート追加、注文履歴、 あとで買う、商品購入に言及した場合に使用する。

Image Gen

图片生成, 架构图, 流程图, 时序图, 泳道图, diagram, architecture, flowchart, sequence, swimlane, image generation, nano banana, 生图, 画图, 画一个, 生成图片, generate image, draw diagram

Quick start

  1. Choose your skills. Select individual skills above, or choose the entire pack.
  2. Copy the install prompt. Use Copy install prompt above the list.
  3. Send it to your agent. Paste into your coding agent’s chat. Your agent reviews the source and guides the setup.

Try it with your agent

After installation, start with a request like:

Example request
Use the Gdd Note skill to help with my task.
Ask me for the context you need before getting started.

Requirements & license

  • A coding agent that can access your project files and install skills.
  • Your agent checks each skill’s instructions, dependencies, and permissions during setup.
  • License details are not provided in these listings. Check the author’s terms before using the skills.
Video Production & UI Design Skills | Agent Skills Atlas