{"slug":"weilanx-creator-distill-video","title":"\u53c2\u8003\u89c6\u9891\u84b8\u998f\u7d20\u6750\u5305","description":"\u628a\u53c2\u8003\u89c6\u9891\u9010\u955c\u5934\u62c6\u6210\u786c\u5207\u3001\u955c\u5934\u8868\u3001\u5173\u952e\u5e27\u3001\u914d\u8272\u3001\u5b57\u4f53\u4e0e\u52a8\u6548\u5207\u7247\uff0c\u63d0\u70bc\u6210\u53ef\u590d\u7528\u7684\u4e00\u5957\u89c6\u89c9\u8d44\u4ea7\u3002","category":"\u526a\u8f91\u4e0e\u5305\u88c5","tags":["\u62c6\u7247","\u5206\u955c","\u98ce\u683c\u8fc1\u79fb"],"author":"weilanx","source_url":"https://github.com/Azure12355/weilanx-claude-videos/blob/main/.claude/skills/weilanx-creator-distill-video/SKILL.md","license":"MIT","status":"published","verification":"source_reviewed","verification_notes":"\u6765\u6e90 Azure12355/weilanx-claude-videos\uff08.claude/skills/weilanx-creator-distill-video/SKILL.md\uff09\uff0c\u672c\u5730\u6253\u5305\u4e0a\u4f20\uff1b\u81ea\u8bc4 5/5\uff5c\u540c\u7c7b\u91cc\u5c11\u89c1\u7684\u300c\u62c6\u7247\u65b9\u6cd5 + \u843d\u6210\u8d44\u4ea7\u300d\u95ed\u73af\uff0c\u505a\u98ce\u683c\u590d\u523b\u65f6\u6700\u7701\u4e8b\u3002 \u672a\u6267\u884c\u5305\u5185\u811a\u672c\u3002","revision":"d76e4da2a4534bb7a93a7cf9a01a10f5","created_at":"2026-10-29T05:38:58+00:00","updated_at":"2026-10-29T05:39:04+00:00","source_repo":"","source_path":"","source_commit":"","source_updated_at":"","stars":0,"proxy_score":null,"score":null,"grade":null,"dimensions":{},"evaluation":{},"installs":0,"platforms":[],"formats":[],"category_slug":"packaging","category_name":"\u526a\u8f91\u4e0e\u5305\u88c5","usage_guide":{},"read_url":"https://shiliuai.cn/api/v2/skills/weilanx-creator-distill-video","skill_url":"https://shiliuai.cn/api/v2/skills/weilanx-creator-distill-video/files/SKILL.md","download_url":"https://shiliuai.cn/api/v2/skills/weilanx-creator-distill-video/download","install_url":"https://shiliuai.cn/api/v2/skills/weilanx-creator-distill-video/install","files":[{"path":"SKILL.md","bytes":8941,"url":"https://shiliuai.cn/api/v2/skills/weilanx-creator-distill-video/files/SKILL.md"},{"path":"references/\u62c6\u89e3\u65b9\u6cd5.md","bytes":3878,"url":"https://shiliuai.cn/api/v2/skills/weilanx-creator-distill-video/files/references/%E6%8B%86%E8%A7%A3%E6%96%B9%E6%B3%95.md"},{"path":"references/\u914d\u65b9\u5361\u6a21\u677f.md","bytes":2368,"url":"https://shiliuai.cn/api/v2/skills/weilanx-creator-distill-video/files/references/%E9%85%8D%E6%96%B9%E5%8D%A1%E6%A8%A1%E6%9D%BF.md"},{"path":"scripts/analyze.py","bytes":10814,"url":"https://shiliuai.cn/api/v2/skills/weilanx-creator-distill-video/files/scripts/analyze.py"},{"path":"scripts/strip.py","bytes":2246,"url":"https://shiliuai.cn/api/v2/skills/weilanx-creator-distill-video/files/scripts/strip.py"}],"content":"---\nname: weilanx-creator-distill-video\ndescription: \u300c\u53c2\u8003\u89c6\u9891 \u2192 \u65b0\u98ce\u683c\u7d20\u6750\u5305\u300d\u84b8\u998f\u5de5\u4f5c\u6d41\uff1a\u628a\u7528\u6237\u7ed9\u7684\u4e00\u652f\u6216\u591a\u652f\u53c2\u8003\u89c6\u9891\u9010\u955c\u5934\u62c6\u89e3\uff08\u786c\u5207\u3001\u955c\u5934\u8868\u3001\u5173\u952e\u5e27\u3001\u8054\u7cfb\u8868\u3001\u4e3b\u8272\u677f\u4e0e\u5f3a\u8c03\u8272\u3001\u8fd0\u52a8\u5f3a\u5ea6\u3001\u52a8\u6548\u5207\u7247\u3001\u914d\u4e50\u5361\u70b9\uff09\uff0c\u63d0\u70bc\u51fa\u914d\u8272\u3001\u5b57\u4f53\u3001\u7248\u5f0f\u3001\u5165\u573a / \u8f6c\u573a / \u955c\u5934\u8fd0\u52a8\u3001\u8282\u594f\u548c\u62db\u724c\u753b\u9762\u8fd9\u4e9b\u300c\u753b\u9762\u8bed\u6cd5\u300d\uff0c\u518d\u5728 weilanx-claude-videos \u5de5\u7a0b\u91cc\u4ece\u96f6\u5199\u6210\u4e00\u5957\u53ef\u590d\u7528\u7684 Remotion \u98ce\u683c\u7d20\u6750\u5305\uff1asrc/library \u4e0b\u4e00\u4e2a\u4ee5\u98ce\u683c ID \u547d\u540d\u7684\u7ec4\u4ef6\u76ee\u5f55\u3001\u4e00\u4e2a library- \u5f00\u5934\u7684\u9884\u89c8\u4f5c\u54c1\u3001styles/\u6211\u7684\u98ce\u683c \u4e0b\u7684\u98ce\u683c\u914d\u65b9\u5361\uff0c\u5e76\u767b\u8bb0\u8fdb\u7d20\u6750\u5e93\u76ee\u5f55\u548c\u98ce\u683c\u603b\u8868\u3002\u7528\u6237\u8bf4\u300c\u84b8\u998f\u8fd9\u4e2a\u89c6\u9891\u7684\u98ce\u683c\u300d\u300c\u628a\u8fd9\u51e0\u4e2a\u89c6\u9891\u7684\u98ce\u683c\u6574\u7406\u6210\u4e00\u5957\u7d20\u6750\u300d\u300c\u4e00\u6bd4\u4e00\u590d\u523b\u8fd9\u4e2a\u89c6\u9891\u7684\u6837\u5f0f\u300d\u300c\u62c6\u89e3\u8fd9\u4e2a\u89c6\u9891\u7684\u52a8\u6548\u548c\u753b\u9762\u300d\u300c\u7167\u8fd9\u4e2a\u89c6\u9891\u505a\u4e00\u5957\u65b0\u98ce\u683c\u300d\uff0c\u6216\u8005\u4e22\u6765\u53c2\u8003\u89c6\u9891\uff08template/\u3001Downloads \u91cc\u7684 mp4\uff09\u60f3\u5b66\u5b83\u7684\u6837\u5b50\u65f6\u90fd\u7528\u8fd9\u4e2a skill\uff1b\u53ea\u60f3\u590d\u523b\u5355\u4e2a\u52a8\u753b\u7247\u6bb5\u3001\u4e0d\u9700\u8981\u8fdb\u7d20\u6750\u5e93\u7684\uff0c\u4e5f\u5148\u7528\u5b83\u505a\u62c6\u89e3\u3002\n---\n\n# \u53c2\u8003\u89c6\u9891 \u2192 \u4e00\u5957\u65b0\u98ce\u683c\u7d20\u6750\u5305\n\n\u53c2\u8003\u6210\u679c\uff1a\u6697\u91d1\u6587\u732e\u98ce\uff08`src/library/gilded/`\u3001`library-gilded`\u3001`styles/\u6211\u7684\u98ce\u683c/\u6697\u91d1\u6587\u732e\u98ce/`\uff09\uff0c\u5c31\u662f\u4ece\u4e00\u652f\u53c2\u8003\u89c6\u9891\uff08\u4e0d\u8fdb git\uff09\u84b8\u998f\u51fa\u6765\u7684\u3002\u7528\u6237\u8ba4\u53ef\u7684\u6548\u679c\uff1a**\u98ce\u683c\u4e00\u773c\u8ba4\u5f97\u51fa\u6765\uff0c\u4f46\u7ec4\u4ef6\u5168\u662f\u91cd\u5199\u7684\uff0c\u793a\u4f8b\u5185\u5bb9\u662f\u81ea\u5df1\u7f16\u7684\uff0c\u539f\u7247\u7684\u6587\u6848\u3001\u6807\u9898\u3001\u6c34\u5370\u4e00\u6837\u6ca1\u5e26\u8fdb\u6765\u3002**\n\n\u4e00\u53e3\u6c14\u505a\u5b8c\u7b2c 0\uff5e7 \u6b65\uff0c\u4e2d\u9014\u4e0d\u7b49\u7528\u6237\u786e\u8ba4\uff0c\u6bcf\u6b65\u505a\u5b8c\u7528\u4e00\u4e24\u53e5\u8bdd\u540c\u6b65\u8fdb\u5ea6\u3002**\u4e0d\u5bfc\u51fa\u3001\u4e0d\u63d0\u4ea4 git**\uff0c\u9664\u975e\u7528\u6237\u53e6\u5916\u8981\u6c42\u3002\u52a8\u624b\u524d\u5148\u8bfb\u5de5\u7a0b\u6839\u76ee\u5f55 `CLAUDE.md`\u3001`src/library/README.md`\u3001`styles/README.md`\u3002\u6240\u6709 npm / npx / node \u547d\u4ee4\u524d\u5148 `export NODE_OPTIONS=--max-old-space-size=4096`\u3002\n\n## \u84b8\u998f\u7684\u8fb9\u754c\uff08\u5148\u60f3\u6e05\u695a\u518d\u52a8\u624b\uff09\n\n\u84b8\u998f\u7684\u662f**\u753b\u9762\u8bed\u6cd5**\uff0c\u4e0d\u662f\u5185\u5bb9\u3002\u98ce\u683c\u672c\u8eab\uff08\u914d\u8272\u503e\u5411\u3001\u5b57\u4f53\u642d\u914d\u3001\u7248\u5f0f\u7f51\u683c\u3001\u51fa\u573a\u65b9\u5f0f\u3001\u8f6c\u573a\u624b\u6cd5\u3001\u8282\u594f\uff09\u53ef\u4ee5\u5b66\uff1b\u5177\u4f53\u4f5c\u54c1\u4e0d\u80fd\u642c\u3002\n\n- **\u5b66**\uff1a\u914d\u8272\u4f53\u7cfb\u3001\u5b57\u4f53\u6c14\u8d28\u548c\u5c42\u7ea7\u3001\u7248\u5f0f\u4f4d\u7f6e\u3001\u5143\u7d20\u7684\u5165\u573a / \u9000\u573a / \u8f6c\u573a\u65b9\u5f0f\u3001\u7f13\u52a8\u548c\u65f6\u957f\u3001\u955c\u5934\u8fd0\u52a8\u3001\u8282\u594f\uff08\u786c\u5207\u9891\u7387\u3001\u955c\u5934\u957f\u5ea6\u3001\u5361\u70b9\uff09\u3001\u56fe\u8868 / \u9053\u5177\u7684\u753b\u6cd5\u3001\u8d28\u611f\uff08\u9897\u7c92\u3001\u5149\u6655\u3001\u7eb8\u7eb9\uff09\u3002\n- **\u4e0d\u642c**\uff1a\u539f\u7247\u7684\u6587\u6848\u548c\u5b57\u5e55\u3001\u6807\u9898\u3001\u5177\u4f53\u7684\u573a\u666f\u7f16\u6392\u548c\u5206\u955c\u987a\u5e8f\u3001\u521b\u4f5c\u8005\u7684\u540d\u5b57 / \u6c34\u5370 / \u54c1\u724c\u6807\u8bc6\u3001\u539f\u7247\u91cc\u7684\u4eba\u7269\u8096\u50cf\u3001\u7b2c\u4e09\u65b9 logo \u548c\u5546\u6807\u3002\n- **\u89d2\u8272**\uff1a\u539f\u7247\u91cc\u6709\u77e5\u540d\u7684\u7248\u6743\u89d2\u8272\uff08\u52a8\u6f2b\u3001\u6e38\u620f\u3001\u54c1\u724c\u5409\u7965\u7269\uff09\u65f6\uff0c\u5b66\u7684\u662f\u5b83\u7684\u6784\u9020\u624b\u6cd5\uff08\u51e0\u4f55\u3001\u6bd4\u4f8b\u3001\u63cf\u8fb9\u3001\u4e0a\u8272\u65b9\u5f0f\uff09\uff0c\u753b\u4e00\u4e2a**\u660e\u663e\u4e0d\u540c\u7684\u539f\u521b\u89d2\u8272**\uff0c\u4e0d\u753b\u5f97\u300c\u5dee\u4e0d\u591a\u50cf\u300d\u3002\n- **\u97f3\u4e50**\uff1a\u539f\u7247\u914d\u4e50\u4e0d\u8fdb\u7d20\u6750\u5305\uff1b\u8981\u7528\u7684\u8bdd\u8d70\u97f3\u4e50\u5e93\uff08`public/music/`\uff09\uff0c\u5e76\u5728 README \u91cc\u5199\u660e\u6388\u6743\u672a\u786e\u8ba4\u3002\n- \u9884\u89c8\u4f5c\u54c1\u91cc\u7684\u793a\u4f8b\u6587\u6848\u81ea\u5df1\u5199\uff0c\u6362\u4e00\u4e2a\u548c\u539f\u7247\u4e0d\u540c\u7684\u9898\u76ee\uff1b\u5f15\u7528\u7684\u4e66\u540d\u3001\u4eba\u540d\u7528\u300c\u793a\u4f8b\u6587\u732e\u300d\u300c\u793a\u4f8b\u4eba\u7269\u300d\u8fd9\u7c7b\u5360\u4f4d\u3002\n\n\u7528\u6237\u8bf4\u300c\u4e00\u6bd4\u4e00\u590d\u523b\u300d\u65f6\uff0c\u7167\u4e0a\u9762\u7684\u8fb9\u754c\u505a\uff0c\u56de\u590d\u91cc\u4e00\u53e5\u8bdd\u8bf4\u660e\u300c\u98ce\u683c\u4e00\u6bd4\u4e00\uff0c\u5185\u5bb9\u4e0d\u642c\u300d\u3002\n\n## 0. \u5b9a\u98ce\u683c ID \u548c\u76ee\u5f55\n\n- \u98ce\u683c ID\uff1a\u82f1\u6587\u5c0f\u5199 kebab-case\uff0c\u53d6\u753b\u9762\u6700\u663e\u8457\u7684\u7279\u5f81\uff08`gilded`\u3001`ink-scroll`\u3001`neon-grid`\uff09\uff0c\u4e0d\u548c `src/library/` \u5df2\u6709\u76ee\u5f55\u91cd\u540d\u3002\u4e2d\u6587\u540d 3\uff5e6 \u4e2a\u5b57\uff08\u6697\u91d1\u6587\u732e\u98ce\u3001\u5ba3\u7eb8\u6c34\u58a8\u98ce\uff09\u3002\n- \u62c6\u89e3\u5305\u653e `materials/00-\u516c\u5171/\u98ce\u683c\u84b8\u998f/<\u98ce\u683cID>/<\u89c6\u9891\u540d>/`\uff08`materials/` \u4e0d\u8fdb git\uff0c\u539f\u7247\u7684\u5e27\u4e0d\u80fd\u8fdb\u4ed3\u5e93\uff09\u3002\n- \u4ea7\u51fa\uff1a`src/library/<\u98ce\u683cID>/`\u3001`src/library/previews/<Name>Demo.tsx`\u3001`styles/\u6211\u7684\u98ce\u683c/<\u4e2d\u6587\u540d>/README.md` + `\u9884\u89c8.jpg`\u3002\n\n## 1. \u673a\u5668\u62c6\u89e3\uff08\u6bcf\u652f\u89c6\u9891\u8dd1\u4e00\u904d\uff09\n\n```sh\nuv run --with numpy --with pillow python .claude/skills/weilanx-creator-distill-video/scripts/analyze.py \\\n  <\u89c6\u9891> --out materials/00-\u516c\u5171/\u98ce\u683c\u84b8\u998f/<\u98ce\u683cID>/<\u89c6\u9891\u540d>\n```\n\n\u4ea7\u51fa `report.md`\uff08\u5148\u8bfb\u8fd9\u4e2a\uff09\u3001`data.json`\u3001`keyframes/`\uff08\u6bcf\u4e2a\u955c\u5934\u7684\u5173\u952e\u5e27\uff09\u3001`sheets/`\uff08\u6bcf 3 \u79d2\u4e00\u683c\u7684\u8054\u7cfb\u8868\uff09\u3001`palette.png`\u3002\u62a5\u544a\u91cc\u6709\uff1a\u786c\u5207\u548c\u955c\u5934\u8868\u3001\u6bcf\u79d2\u8fd0\u52a8\u5f3a\u5ea6\u3001\u4e3b\u8272\u677f\uff08\u6309\u9762\u79ef\uff09\u548c**\u5f3a\u8c03\u8272**\uff08\u6309\u6709\u5f69\u50cf\u7d20\uff0c\u80cc\u666f\u518d\u5927\u4e5f\u4e0d\u4f1a\u628a\u5b83\u6df9\u6ca1\uff09\u3001\u4eae\u5ea6\u9971\u548c\u5ea6\u3001\u97f3\u9891\u54cd\u5ea6\u548c\u5361\u70b9\uff08\u8c03\u7528\u6697\u91d1\u98ce skill \u7684 `beats.py`\uff09\u3002\n\n\u786c\u5207\u592a\u591a\u6216\u592a\u5c11\u65f6\u8c03 `--cut`\uff08\u9ed8\u8ba4 0.30\uff0c\u8d8a\u5c0f\u8d8a\u654f\u611f\uff09\uff1b\u8054\u7cfb\u8868\u592a\u5bc6\u6216\u592a\u758f\u65f6\u8c03 `--every`\u3002\n\n## 2. \u4eba\u773c\u62c6\u89e3\uff1a\u770b\u61c2\u5b83\u4e3a\u4ec0\u4e48\u597d\u770b\n\n\u8be6\u89c1 `references/\u62c6\u89e3\u65b9\u6cd5.md`\u3002\u987a\u5e8f\uff1a\n\n1. **\u8054\u7cfb\u8868**\u901a\u770b\u4e00\u904d\uff0c\u5206\u51fa\u51e0\u7c7b\u753b\u9762\uff08\u6807\u9898\u5361\u3001\u5e74\u4efd\u62ac\u5934\u3001\u56fe\u8868\u3001\u5b9e\u7269\u3001\u5f15\u6587\u2026\u2026\uff09\uff0c\u8bb0\u4e0b\u6bcf\u7c7b\u51fa\u73b0\u5728\u54ea\u51e0\u79d2\u3002\n2. **\u5173\u952e\u5e27**\u9010\u5f20\u770b\uff0c\u88c1\u51fa\u5c40\u90e8\u653e\u5927\u770b\u5b57\u4f53\u3001\u63cf\u8fb9\u3001\u9634\u5f71\u3001\u8d28\u611f\uff08`ffmpeg -vf crop=\u2026`\uff09\u3002\n3. **\u52a8\u6548\u5207\u7247**\uff1a\u5165\u573a\u3001\u9000\u573a\u3001\u8f6c\u573a\u3001\u62db\u724c\u52a8\u4f5c\u5404\u5207\u4e00\u6761\uff0c\u6570\u300c\u51e0\u5e27\u5b8c\u6210\u300d\u300c\u5148\u5feb\u540e\u6162\u8fd8\u662f\u5300\u901f\u300d\u300c\u6709\u6ca1\u6709\u6a21\u7cca / \u7f29\u653e / \u4f4d\u79fb\u300d\uff1a\n   ```sh\n   uv run --with pillow python .claude/skills/weilanx-creator-distill-video/scripts/strip.py <\u89c6\u9891> \\\n     --at 16.6 --span 1.2 --n 8 --out materials/00-\u516c\u5171/\u98ce\u683c\u84b8\u998f/<\u98ce\u683cID>/strips/t16.6.jpg\n   ```\n   \u8fd0\u52a8\u5f3a\u5ea6\u66f2\u7ebf\u4e0a\u7684\u5c16\u5cf0\u3001\u955c\u5934\u8868\u91cc\u7684\u5207\u70b9\u524d\u540e\uff0c\u90fd\u503c\u5f97\u5207\u4e00\u6761\u3002\n4. \u53d6\u8272\uff1a\u5f3a\u8c03\u8272\u770b\u62a5\u544a\uff0c\u5177\u4f53\u5143\u7d20\u7684\u989c\u8272\u5728\u5173\u952e\u5e27\u4e0a\u53d6\u50cf\u7d20\uff08`uv run --with pillow python -c \"\u2026getpixel\u2026\"`\uff09\u3002\n5. \u591a\u652f\u89c6\u9891\u65f6\uff0c\u5148\u5404\u81ea\u62c6\uff0c\u518d\u627e**\u5171\u540c\u7684\u8bed\u6cd5**\uff1b\u4e0d\u4e00\u81f4\u7684\u5730\u65b9\u8bb0\u6210\u300c\u53d8\u4f53\u300d\uff08\u6bd4\u5982\u6696\u8c03 / \u51b7\u8c03\u4e24\u79cd\u5149\u6655\uff09\u3002\n\n## 3. \u5199\u98ce\u683c\u914d\u65b9\u5361\n\n\u7528 `references/\u914d\u65b9\u5361\u6a21\u677f.md` \u7684\u7ed3\u6784\uff0c\u5199\u8fdb `styles/\u6211\u7684\u98ce\u683c/<\u4e2d\u6587\u540d>/README.md`\uff1a\u4e00\u53e5\u8bdd\u5b9a\u4f4d\u3001\u753b\u9762\u7279\u5f81\uff08\u5e95\u8272\u8d28\u611f\u3001\u914d\u8272\u3001\u5b57\u4f53\u3001\u56fa\u5b9a\u7248\u5f0f\u3001\u51fa\u573a\u3001\u8f6c\u573a\u3001\u955c\u5934\u3001\u8282\u594f\u3001\u62db\u724c\u753b\u9762\uff09\u3001\u7ec4\u4ef6\u6e05\u5355\u3001\u5173\u952e\u4ee3\u7801\u4f4d\u7f6e\u3001\u671f\u6570\u8868\u3001\u300c\u6ca1\u6709\u642c\u7684\u4e1c\u897f\u300d\u3002\u8fd9\u662f\u5199\u4ee3\u7801\u524d\u7684\u8bbe\u8ba1\u7a3f\uff0c\u5199\u6e05\u695a\u4e86\u518d\u52a8\u624b\u3002\n\n## 4. \u5199\u7d20\u6750\u5305\u4ee3\u7801\n\n\u7167 `src/library/gilded/` \u7684\u5206\u5c42\u5199\uff08\u5b83\u5c31\u662f\u7b2c\u4e00\u6b21\u84b8\u998f\u7684\u6210\u679c\uff0c\u7ed3\u6784\u53ef\u4ee5\u76f4\u63a5\u53c2\u8003\uff09\uff1a\n\n| \u6587\u4ef6 | \u653e\u4ec0\u4e48 |\n|---|---|\n| `theme.ts` | \u914d\u8272\u5e38\u91cf\u3001\u5b57\u4f53\u5e38\u91cf\u3001\u6e10\u53d8\u5b57 / \u53d1\u5149\u8fd9\u7c7b\u6837\u5f0f\u51fd\u6570\u3001\u901a\u7528\u51fa\u573a\u51fd\u6570\uff08\u5982 `soft`\uff09\u548c\u7f13\u52a8 |\n| `stage.tsx` | \u821e\u53f0\u5c42\uff1a\u80cc\u666f\u3001\u8d28\u611f\uff08\u9897\u7c92 / \u6d6e\u5c18 / \u7eb8\u7eb9\uff09\u3001\u56fa\u5b9a\u7248\u5f0f\u5143\u7d20\uff08\u62ac\u5934\u3001\u5f15\u7528\u3001\u5b57\u5e55\uff09\u3001\u6807\u9898\u5361\u3001\u5f15\u6587\u3001\u67d4\u5165\u5bb9\u5668 |\n| `props.tsx` | \u5b9e\u7269\u548c\u9053\u5177 |\n| `charts.tsx` | \u8fd9\u4e2a\u98ce\u683c\u753b\u56fe\u8868\u7684\u65b9\u5f0f\uff08\u53ea\u5728\u539f\u7247\u6709\u56fe\u8868\u65f6\u5199\uff09 |\n\n\u786c\u89c4\u5219\uff08\u5de5\u7a0b\u7ea6\u5b9a\uff0c\u89c1 `CLAUDE.md`\uff09\uff1a\n\n- **\u52a8\u753b\u662f\u5e27\u53f7\u7684\u7eaf\u51fd\u6570**\uff1a\u7ec4\u4ef6\u6536 `f` \u7b97\u6837\u5b50\uff0c\u968f\u673a\u53ea\u7528 `rand(seed)`\uff0c\u4e0d\u7528 CSS \u52a8\u753b\u548c `Math.random()`\u3002\n- \u7d20\u6750\u5e93\u4e0d\u80fd import `src/episodes/`\u3002\n- \u5b57\u4f53\u7528\u4ed3\u5e93\u91cc\u5df2\u6709\u7684\uff08`public/fonts/`\uff0cOFL\uff09\u6216\u7cfb\u7edf\u5b57\u4f53\uff1b\u8981\u65b0\u52a0\u5b57\u4f53\u5148\u786e\u8ba4\u8bb8\u53ef\uff0c\u52a0\u8fdb `public/fonts/` \u5e76\u66f4\u65b0 `public/fonts/LICENSES.md`\u3002\n- \u6bcf\u4e2a\u7ec4\u4ef6\u5199\u4e00\u884c\u4e2d\u6587\u6ce8\u91ca\u8bf4\u660e\u7528\u9014\u548c\u5173\u952e\u53c2\u6570\u3002\n\n## 5. \u9884\u89c8\u4f5c\u54c1\n\n- `src/library/previews/<Name>Demo.tsx`\uff1a\u6bcf 150 \u5e27\u4e00\u573a\uff0c\u628a\u6bcf\u4e2a\u7ec4\u4ef6\u6f14\u4e00\u904d\uff0c\u573a\u4e0e\u573a\u4e4b\u95f4\u7528\u8fd9\u4e2a\u98ce\u683c\u81ea\u5df1\u7684\u8f6c\u573a\uff1b\u793a\u4f8b\u6587\u6848\u81ea\u5df1\u5199\u3001\u9898\u76ee\u548c\u539f\u7247\u4e0d\u540c\u3002\n- \u5bfc\u51fa `<NAME>_DEMO_FRAMES`\uff0c\u5728 `src/Root.tsx` \u6ce8\u518c `library-<\u98ce\u683cID>`\uff0c\u753b\u5e45\u548c\u539f\u7247\u4e00\u81f4\u3002\n- `npm run typecheck && npm test`\u3002\n\n## 6. \u5bf9\u7167\u81ea\u67e5\uff08\u81f3\u5c11\u4e24\u8f6e\uff09\n\n- \u6bcf\u573a\u62bd\u4e00\u5e27\uff1a`npx remotion still src/index.ts library-<\u98ce\u683cID> /tmp/<\u98ce\u683cID>/sN.jpg --frame=N --scale=0.5 --timeout=120000`\uff0c**\u4e00\u6b21\u53ea\u6e32\u4e00\u5e27**\uff08\u5e76\u884c\u4f1a\u5185\u5b58\u6ea2\u51fa\uff09\u3002\n- \u548c\u539f\u7247\u540c\u7c7b\u753b\u9762\u7684\u5173\u952e\u5e27\u5de6\u53f3\u62fc\u5728\u4e00\u8d77\u6bd4\uff08`ffmpeg -i \u539f\u7247\u5e27 -i \u6211\u4eec\u7684\u5e27 -filter_complex hstack`\uff09\uff0c\u9010\u9879\u5bf9\uff1a\u5e95\u8272\u3001\u4e3b\u8272\u3001\u5f3a\u8c03\u8272\u3001\u5b57\u4f53\u6c14\u8d28\u3001\u5b57\u53f7\u5c42\u7ea7\u3001\u7248\u5f0f\u4f4d\u7f6e\u3001\u8d28\u611f\u3001\u7559\u767d\u3002\n- \u52a8\u6548\u5bf9\u7167\uff1a\u540c\u4e00\u7c7b\u5165\u573a\uff0c\u539f\u7247\u5207\u7247 vs \u6211\u4eec\u7684\u5207\u7247\uff0c\u5e27\u6570\u548c\u7f13\u52a8\u5bf9\u5f97\u4e0a\u5417\uff1f\n- \u6bcf\u8f6e\u5217\u51fa\u5dee\u8ddd \u2192 \u6539 \u2192 \u518d\u6e32\uff1b\u5e38\u89c1\u95ee\u9898\uff1a\u5c0f\u5b57\u53f7\u4e0a\u7684\u6e10\u53d8\u5b57\u53d1\u8910\u3001\u53d1\u5149\u592a\u5f31\u3001\u5143\u7d20\u592a\u5c0f\u7559\u767d\u592a\u591a\u3001\u56fe\u8868\u6324\u5728\u4e2d\u95f4\u3002\n- \u6539\u5b8c\u628a 4 \u573a\u62fc\u6210 `styles/\u6211\u7684\u98ce\u683c/<\u4e2d\u6587\u540d>/\u9884\u89c8.jpg`\uff08\u53ea\u7528\u6211\u4eec\u81ea\u5df1\u6e32\u67d3\u7684\u5e27\uff0c\u4e0d\u653e\u539f\u7247\u622a\u56fe\uff09\u3002\n\n## 7. \u767b\u8bb0\u548c\u4ea4\u4ed8\n\n- `src/library/README.md` \u52a0\u4e00\u8282\uff08\u7167\u300c\u6697\u91d1\u6587\u732e\u98ce gilded/\u300d\u7684\u683c\u5f0f\uff1a\u6587\u4ef6 | \u5185\u5bb9 \u8868 + \u8981\u70b9\uff09\u3002\n- `styles/README.md` \u7684\u300c\u6211\u7684\u98ce\u683c\u300d\u8868\u52a0\u4e00\u884c\uff1b\u914d\u65b9\u5361\u7684\u671f\u6570\u8868\u5199\u300c\u8fd8\u672a\u4f7f\u7528\u300d\u3002\n- Studio \u9884\u89c8\u94fe\u63a5\uff1a`http://localhost:3000/library-<\u98ce\u683cID>`\uff08\u6ca1\u5f00\u5c31\u540e\u53f0\u8d77 `npx remotion studio src/index.ts --no-open --port 3000`\uff09\u3002\n- \u56de\u590d\u91cc\u7ed9\uff1a\u8fd9\u5957\u98ce\u683c\u7684\u8981\u70b9\uff083\uff5e5 \u6761\uff09\u3001\u7ec4\u4ef6\u6e05\u5355\u3001\u5bf9\u7167\u81ea\u67e5\u6539\u4e86\u4ec0\u4e48\u3001\u54ea\u4e9b\u4e1c\u897f\u6709\u610f\u6ca1\u6709\u642c\u3001\u8fd8\u6ca1\u505a\u5230\u7684\u5730\u65b9\u3002\n- \u7528\u6237\u60f3\u9a6c\u4e0a\u7528\u5b83\u505a\u4e00\u671f\u65f6\uff0c\u63a5\u7740\u7528\u5bf9\u5e94\u7684\u51fa\u7247\u5de5\u4f5c\u6d41\uff08\u65e0\u53e3\u64ad\u77e5\u8bc6\u77ed\u7247\u53ef\u4ee5\u53c2\u8003 `weilanx-creator-gilded-video` \u7684\u6d41\u7a0b\uff0c\u628a\u7d20\u6750\u5305\u6362\u6210\u65b0\u7684\uff09\u3002\n","usage":"\u8bfb\u53d6 SKILL.md\uff0c\u5e76\u6309\u9700\u8bfb\u53d6\u914d\u5957\u6587\u4ef6\uff1b\u4e0b\u8f7d ZIP \u83b7\u53d6\u5b8c\u6574\u5305\u3002\u6280\u80fd\u662f\u4efb\u52a1\u65b9\u6cd5\uff0c\u4e0d\u6388\u4e88\u65b0\u589e\u8d26\u6237\u3001\u4ed8\u8d39\u6216\u7cfb\u7edf\u6743\u9650\u3002"}