Agent skill

UI Showreel Forge

by AlphaMao1 in AlphaMao1/AlphaMao_Skills

将 UI 设计稿转化为风格一致的 showreel 垫图序列与可直接用于可灵/Kling、Omni 等图生视频模型的导演脚本工作流。手工触发:/ui-showreel-forge。

MITAuto-check passedMedia & Creative

Install UI Showreel Forge

skills CLI
$ npx skills add AlphaMao1/AlphaMao_Skills --skill ui-showreel-forge -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install AlphaMao1/AlphaMao_Skills ui-showreel-forge --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/AlphaMao1/AlphaMao_Skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/ui-showreel-forge .claude/skills/ui-showreel-forge && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
ui-showreel-forge
GitHub stars
130
Token cost
~360 tokens
SKILL.md length
64 words
Files
9 (incl. references)
Skills in repo
11
Repo updated
First seen
Licence
MIT

At a glance

将 UI 设计稿转化为风格一致的 showreel 垫图序列与可直接用于可灵/Kling、Omni 等图生视频模型的导演脚本工作流。手工触发:/ui-showreel-forge。

  • Tasks that involve AI video generation
  • SKILL.md covers 何时使用, 默认工具链, 典型输入 and 典型输出, plus 3 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

UI Showreel Forge is an agent skill from AlphaMao1/AlphaMao_Skills. 将 UI 设计稿转化为风格一致的 showreel 垫图序列与可直接用于可灵/Kling、Omni 等图生视频模型的导演脚本工作流。手工触发:/ui-showreel-forge。

Its SKILL.md is about 360 tokens, which your agent loads only when the skill is triggered. The skill folder holds 9 other files, including reference files (for example `CHANGELOG.md`, `README.md` and `references/phase1_material_prep.md`).

It sits in Media & Creative, covering AI video generation. The licence is MIT.

When your agent uses it

  • Tasks that involve AI video generation

Example prompts

  • “/ui-showreel-forge”

What it can do on your machine

Read from SKILL.md and the folder at commit 27ffcc6. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

UI Showreel Forge loads about 360 tokens when it runs, and up to ~5.6k if it reads all its reference files. Until then it costs about 27 tokens; SKILL.md has 64 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~27
When it runs · the whole SKILL.md, loaded when a task matches
~360
With references · SKILL.md plus every file in references/, read only if the agent opens them
~5.6k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from AlphaMao1/AlphaMao_Skills at commit 27ffcc6, republished under its MIT licence (© AlphaMao1). 64 words, ~360 tokens.

Download SKILL.mdSave it as .claude/skills/ui-showreel-forge/SKILL.md (or your agent's skills folder). This skill also uses 8 other files; get the full folder from GitHub.
name
ui-showreel-forge
description
将 UI 设计稿转化为风格一致的 showreel 垫图序列与可直接用于可灵/Kling、Omni 等图生视频模型的导演脚本工作流。手工触发:/ui-showreel-forge。
version
0.1.0
license
MIT

UI Showreel Forge

从 UI 设计稿到商业级动态视频的完整生产工作流。

核心方法论:链式垫图法。通过将已生成的图像作为后续帧的物理参考输入,在 AI 图像生成中实现跨帧风格一致性。配套「建立帧/效果帧」分镜规划和可灵/Kling、Omni 等图生视频模型可直接使用的导演脚本格式。

何时使用

在以下场景使用本 skill:

  • 你已经有一组 UI 设计稿,想做成高质感 showreel、产品宣传片或动态展示视频
  • 你需要先产出风格一致的关键帧/垫图,再交给可灵/Kling、Omni 等视频模型生成动态片段
  • 你希望把“截图变视频”从拍脑袋式提示词,升级成稳定、可复用的生产流程

默认工具链

本 skill 当前默认围绕下面这套组合设计:

  • Stitch MCP:生成或批量获取 UI 截图
  • 图像生成模型:基于风格参考图和链式垫图法生成建立帧/效果帧
  • 可灵 / Kling 或 Omni:消费关键帧和导演脚本,生成最终动态视频

如果你不用可灵/Kling,只要目标模型支持多图输入、图生视频或导演脚本式控制,也可以复用这套方法。

典型输入

  • Stitch MCP 生成的 UI 截图
  • 1 张风格参考图
  • 可选的反面案例图
  • 目标视频比例、节奏和镜头风格要求

典型输出

  • N 张风格一致的 showreel 垫图序列
  • 一份建立帧/效果帧分镜表
  • 一份可直接粘贴到可灵/Kling、Omni 等模型中的导演脚本

整体流程

[Phase 0] Stitch MCP 生成 UI 设计稿
    ↓
[Phase 1] 素材准备:截图 + 风格锚定参考图
    ↓
[Phase 2] 分镜规划:建立帧/效果帧交替 + 过渡逻辑
    ↓
[Phase 3] 链式图像生成:锚点帧 → 建立帧 → 效果帧(DAG 顺序执行)
    ↓ 每帧生成后立即目视自检,不合格立即返工
[Phase 4] 自检与返工
    ↓
[Phase 5] 导演脚本编译(面向可灵/Kling、Omni 等模型)

强约束

  • 先有完整分镜,再开始生成图片
  • 每个效果帧前必须有对应建立帧
  • 所有效果帧必须基于对应建立帧继续生成,而不是回到原始截图重建
  • 每次生成完立即目视检查,不要把问题积累到最后

参考文档

  • references/phase1_material_prep.md:素材准备与风格锚定
  • references/phase2_storyboard.md:分镜规划与视觉盲点设计
  • references/phase3_chain_reference.md:链式垫图生成方法论
  • references/phase4_self_check.md:自检与返工协议
  • references/phase5_omni_script.md:导演脚本编译模板

© AlphaMao1, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 8 other files (references) in skills/ui-showreel-forge of AlphaMao1/AlphaMao_Skills.

  • SKILL.md
  • CHANGELOG.md
  • LICENSE
  • README.md
  • references/phase1_material_prep.md
  • references/phase2_storyboard.md
  • references/phase3_chain_reference.md
  • references/phase4_self_check.md
  • references/phase5_omni_script.md

Open the folder on GitHubat commit 27ffcc6

Compare with similar skills

UI Showreel Forge next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

UI Showreel Forge compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
UI Showreel Forge this skillAlphaMao1/AlphaMao_Skills130—~360Automated safety check: PassMIT
Video Generationbytedance/deer-flow84k3 repos~1.4kAutomated safety check: PassMIT
Video Cover Imageitwanger/toBeBetterJavaer18k—~3.3kAutomated safety check: PassNone
Seedancesongguoxs/seedance-prompt-skill2.9k1 repos~2.5kAutomated safety check: PassNone
HyperFrames Video Entry Pointheygen-com/hyperframes60k3 repos~5.2kAutomated safety check: PassApache-2.0
Lanshu Create AI Presenter Videocclank/lanshu-create-ai-presenter-video2.6k—~3.6kAutomated safety check: PassMIT

Similar skills

  • Video Generation

    bytedance/deer-flow

    Generates short videos from a structured JSON prompt, optionally guided by a reference image used as the first or last frame.

    84k GitHub starsUsed in 3 repos~1.4k tokens
    Media & CreativeAuto-check passed
  • Video Cover Image

    itwanger/toBeBetterJavaer

    Generate matched 3:4, 16:9, and 4:3 short-video cover images from toBeBetterJavaer video scripts or AI/Java technical topics.

    18k GitHub stars~3.3k tokensUpdated yesterday
    Media & CreativeAuto-check passed
  • Seedance

    songguoxs/seedance-prompt-skill

    This skill should be used when the user asks to "generate video prompts", "create Seedance prompts", "write video descriptions", mentions "Seedance", "seedance", "即梦", "即梦平台", "视频提示词", "视频生成"…

    2.9k GitHub starsUsed in 1 repo~2.5k tokens
    Media & CreativeAuto-check passed
  • HyperFrames Video Entry Point

    heygen-com/hyperframes

    Entry point for making, editing and rendering videos from HTML compositions with HyperFrames, routing each request to the right workflow.

    60k GitHub starsUsed in 3 repos~5.2k tokens
    Media & CreativeAuto-check passed
  • Lanshu Create AI Presenter Video

    cclank/lanshu-create-ai-presenter-video

    Turn a topic or finished script into a complete, publish-ready explainer video — led by an AI presenter from an authorized adult presenter image, or performed in one of nine visual explainer styles…

    2.6k GitHub stars~3.6k tokensUpdated today
    Media & CreativeAuto-check passed
  • Video Shots

    eternityspring/reelbench-skills

    拉片:把一条成片拆成逐镜头的分析表——每个镜头的时长、景别、类别、运镜、画面. An agent skill from eternityspring/reelbench-skills.

    878 GitHub starsUsed in 1 repo~1.8k tokens
    Media & CreativeAuto-check: notes

More from AlphaMao1/AlphaMao_Skills

All 11 skills in this repo
  • Serenity Thesis Tracker

    AlphaMao1/AlphaMao_Skills

    PaiWork-first Serenity (@aleabitoreddit) investment thesis tracking system.

    130 GitHub stars~1.8k tokensUpdated 18 days ago
    Auto-check passed
  • Notion Course Pack Init

    AlphaMao1/AlphaMao_Skills

    Initialize or repair a Notion Course Pack workspace, or create a real course from a complete book, course, paper set, transcript set, local files, pasted materials, or authorized Notion pages.

    130 GitHub stars~2.9k tokensUpdated 18 days ago
    Auto-check passed
  • Creator Research Tracker

    AlphaMao1/AlphaMao_Skills

    把 X/Twitter 博主、YouTube 博主、newsletter、播客或类似个人信息源的持续更新转成 progressive-investment-research 研究工作区的可审计增量。适用于:跟踪博主更新、生成每日报告、通过 Chrome 登录态或本地 browser bridge 抓 X、用 yt-dlp 抓 YouTube 字幕、把观点拆成 source…

    130 GitHub stars~1.6k tokensUpdated 18 days ago
    Auto-check passed
  • Market Sizing

    AlphaMao1/AlphaMao_Skills

    市场规模测算工具 (TAM/SAM/SOM)。适用于用户提到「市场规模」「market size」「TAM」「SAM」「SOM」或需要估算目标市场大小时使用。

    130 GitHub stars~1.9k tokensUpdated 18 days ago
    Auto-check passed
  • Pick Movie Theater

    AlphaMao1/AlphaMao_Skills

    按影片版本、用户位置、具体影厅能力、当前场次与证据,推荐值得去的影院、具体影厅和选座区域。用于用户询问一部电影应该看什么厅、IMAX/杜比/CINITY/CGS/ScreenX/4DX/LED 等格式怎么选、附近或全城最佳影院、某场次是否匹配影片版本,以及有无选座截图时坐哪里。

    130 GitHub stars~1k tokensUpdated 18 days ago
    Auto-check passed
  • Position Thesis Monitor

    AlphaMao1/AlphaMao_Skills

    将新闻、电话会、年报与日线行情和技术面变化送入统一的 Jev 监控流程,检查投资假设、解释证据冲突并按需复核。用于建立持仓监控、研究变化、检查风险或历史回放。

    130 GitHub stars~967 tokensUpdated 18 days ago
    Auto-check passed

Questions about UI Showreel Forge

What does UI Showreel Forge do?

将 UI 设计稿转化为风格一致的 showreel 垫图序列与可直接用于可灵/Kling、Omni 等图生视频模型的导演脚本工作流。手工触发:/ui-showreel-forge。. UI Showreel Forge is an agent skill from AlphaMao1/AlphaMao_Skills.

When should I use UI Showreel Forge?

UI Showreel Forge fits situations like: tasks that involve AI video generation.

How do I install UI Showreel Forge in Claude Code?

Run `npx skills add AlphaMao1/AlphaMao_Skills --skill ui-showreel-forge -a claude-code`. Or copy the skill folder (skills/ui-showreel-forge in AlphaMao1/AlphaMao_Skills) into .claude/skills/ui-showreel-forge in your project. Claude Code loads it when a task matches its description.

How do I install UI Showreel Forge in Codex?

Run `npx skills add AlphaMao1/AlphaMao_Skills --skill ui-showreel-forge -a codex`. Or copy the skill folder (skills/ui-showreel-forge in AlphaMao1/AlphaMao_Skills) into .agents/skills/ui-showreel-forge in your project. Codex loads it when a task matches its description.

Can I use UI Showreel Forge in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add AlphaMao1/AlphaMao_Skills --skill ui-showreel-forge -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/ui-showreel-forge, .gemini/skills/ui-showreel-forge, .github/skills/ui-showreel-forge and .opencode/skills/ui-showreel-forge in your project.

What does UI Showreel Forge need to run?

SKILL.md names no scripts, command-line tools or credentials: UI Showreel Forge is instructions for the agent only.

Does UI Showreel Forge access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is UI Showreel Forge safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does UI Showreel Forge use?

UI Showreel Forge is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does UI Showreel Forge use?

About 360 tokens (SKILL.md is roughly 1.4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 5.2k tokens, read only when the agent opens those files.

What are the alternatives to UI Showreel Forge?

Skills that share tags, products or a category with UI Showreel Forge: Video Generation (bytedance/deer-flow, 84k stars), Video Cover Image (itwanger/toBeBetterJavaer, 18k stars), Seedance (songguoxs/seedance-prompt-skill, 2.9k stars) and HyperFrames Video Entry Point (heygen-com/hyperframes, 60k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains UI Showreel Forge?

AlphaMao1 (a GitHub user) maintains it in AlphaMao1/AlphaMao_Skills, which has 130 GitHub stars. The repository holds 11 skills in this directory. The repository was last updated on September 23, 2026.

Source: AlphaMao1/AlphaMao_Skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.