18 Hanazi — Development skill for Claude Code
综艺花字 Variety Show Kinetic Captions (Hanazi).
How to install 18 Hanazi
Installs to ~/.claude/skills/vincentwei1021-mg-styles-15-18-hanazi/SKILL.md
mkdir -p ~/.claude/skills/vincentwei1021-mg-styles-15-18-hanazi && curl -fsSL https://raw.githubusercontent.com/Vincentwei1021/mg-styles-15/HEAD/prompts/18-hanazi.md -o ~/.claude/skills/vincentwei1021-mg-styles-15-18-hanazi/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What 18 Hanazi does
综艺花字 Variety Show Kinetic Captions (Hanazi)
**原片**:喵呜日记 EP.07「今日份快乐」 · 1080×1920 · 30 fps · 10 秒 · AI 评审终评 7.64 / 10
**源码**:[demos/18-hanazi/](../demos/18-hanazi/)
怎么用
- 新建一个空文件夹,在里面打开一个能写代码、能执行命令的 AI 助手(例如 Claude Code)。本机需要能跑网页渲染(Node + Chrome)和 ffmpeg。
- 把下面「提示词」整段复制进去发送。
- 想换成自己的内容:改
Creative seed里的故事、品牌名、文案和配色,或者改Output里的尺寸(比如竖屏 1080×1920)。不要删Signature features那一段,它是这种风格被一眼认出来的依据。 - 想再提高:成片出来后,另开一个 AI 用 rubric.md 评审,把评审意见贴回给制作的 AI 再改一轮。原片就是这样改了两轮。
Alternatives in Development
- Mempalace Help — Show comprehensive MemPalace help — available skills, MCP tools, CLI commands, hooks, and architecture 58.6k ★
- Codexbar — Show usage stats for OpenAI Codex and Claude Code, without having to login 8.8k ★
- 3D Portfolio — Let's build a cool 3D website together 1.3k ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
RedAlert2 Claude
给 Claude 换上各种经典的《红色警戒 2》单位音效!Give Claude a variety of iconic Red Alert 2 unit sounds!
Kinetic Multicam
Claude Code skill: turn one talking-head take into a kinetic supers + camera whips prompt for Seedance 2.0 Fas
Kinetic Editorial Skill
Claude Code skill: word-by-word kinetic caption reels (9:16) built with HyperFrames + Three.js — storyboard, a
Motion Reel
Agent skill for motion-designer-grade websites and code-rendered videos: kinetic type, full-bleed color cuts,
Bang Motion
Agent skill for browser motion graphics — openers, promos, bumpers, kinetic typography, and five explainer sty
Motion Launch Videos
Claude Code plugin + skill: turn a short brief into a looping kinetic-typography launch video. One self-contai
Related Agents
Motion Builder
Builds the HyperFrames composition — scenes, kinetic text, and data graphics — using the XChart library and th
Fusion Motion Builder
Premium DaVinci Resolve Fusion motion-design builder. Designs and builds client-grade motion graphics (SaaS/ap
Repurpose Visual
Visual content specialist. Generates Instagram carousel scripts, reel scripts, captions, TikTok video scripts,