用途:为项目挑选、定制或扩展可复用的动态图形卡片库与样式模板,适用于选择视觉风格、添加卡片等场景。
主要能力:库内含卡片与样式模板,可按 style、tier、purpose 筛选;每个样式提供 DESIGN.md、tokens.css 与 manifest 槽位限制。style-templates/ 可作为整场景起点。
使用方式:先读 style-library/GUIDE.md,再读 style-library/registry.json,筛选后再打开具体卡片。叠加层需保留卡片外与人物面部的透明区域;接管式画面使用不透明背景。将所选卡片复制到视频的 compositions/,本地化其 CSS、字体与 GSAP 依赖,填入命名 data-slot 值,并用 HyperFrames 技能接入时序。仅复制卡片而不带相对依赖无法得到完整资产。媒体模板可能需要自备 assets/source.mp4,渲染前查看其 README。新增样式可运行 node scripts/style-library/new-style.mjs 03 my-style "My Style",随后补全设计令牌、manifest 与卡片;manifest 变更后运行 node scripts/style-library/build-registry.mjs。项目专属文案留在项目内,库内卡片保持通用。
限制:目录含草稿资源,不保证每张卡片都通过渲染 QA。需在实际项目分辨率下 lint 并渲染所选卡片,检查主帧与转场,并核对槽位文本在最大长度下的表现。