threeaus

Creator Style Kit — Design skill for Claude Code

Design community

18 套 9:16 HyperFrames 视频风格（字体/配色/动效/音效/构图），Claude Code skill.

How to install Creator Style Kit

This entry records only its repository, not the path inside it, so there is no exact command to give. Open threeaus/creator-style-kit and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Creator Style Kit does

18 套 9:16 HyperFrames 视频风格（字体/配色/动效/音效/构图），Claude Code skill.

Alternatives in Design

Slack GIF Creator — Create animated GIFs optimized for Slack's size constraints 94.1k ★
Planning With Files — Claude Code skill implementing Manus-style persistent markdown planning — the workflow pattern behind the $2B 17.4k ★
Explanatory Output Style — Educational output mode with insights about implementation choices 14k ★

README

Creator Style Kit

18 套 9:16 竖屏视频风格（HyperFrames），用于 AI 模型评测、教程、科普视频。每套风格都包含字体、配色、动效、音效和构图，内容一键套用。

![18 套风格的数字揭晓](docs/preview.gif)

**完整样张视频**（18 套风格 × 章节 / 列表 / 数字三个时刻，含音效，4 分 32 秒）：[Releases 下载 mp4](https://github.com/threeaus/creator-style-kit/releases/latest)

![构图一览：18 套风格 × 章节、列表、数字](docs/layouts.jpg)

样张中的数字均为示例数据。

本仓库同时是一个 Claude Code skill：

git clone https://github.com/threeaus/creator-style-kit.git
ln -s "$PWD/creator-style-kit" ~/.claude/skills/creator-style-kit
python3 creator-style-kit/scripts/fetch_fonts.py   # 下载 MiSans、优设标题黑（不随仓库分发）

SKILL.md：选风格、出片流程（skill 入口）
STYLES.md：风格目录，以及按视频类型选风格的对照表
REFERENCE.md：标记、API、节奏与音效规则，以及如何新增风格

python3 scripts/list_styles.py                                   # 风格目录
python3 scripts/scaffold.py   --content beats.json --init
python3 scripts/lookbook.py                             # 全部风格样张
python3 scripts/sound_pass.py  renders/x.mp4            # 混音 + 质检

依赖：Python 3（PyYAML、fonttools、numpy）、Node（`npx hyperframes`）、ffmpeg、uv。

授权说明

本仓库自己的代码、风格配置与文档：MIT，见 LICENSE。下面的第三方文件各自沿用原授权。
vendor/sound-layer：MIT，见其 LICENSE。
sfx/：Kenney 与 uisfx 音效均为 CC0，见 sfx/LICENSE-*.txt。
fonts/src：仓库内的字体均为 OFL-1.1。MiSans、优设标题黑是免费商用字体，但不允许再分发，所以不放进仓库，由 scripts/fetch_fonts.py 下载并校验 sha256。使用前请阅读各自的授权：MiSans、优设。
样张中的数字均为示例数据，不是真实评测结果。