skills-showcase 用于把代理技能清单制作成社交媒体内容。它按分类逐段渲染动画展示视频，默认 1080x1080、30fps、约 48 秒，并附带一份 7 条推文的 X 文案。
主要能力：视频时间线由 Remotion 的 Series 驱动，包含 Intro、15 个分类段落和 Outro；每个分类段落展示分类标签与交错出现的技能标签，使用 spring 和 interpolate 做入场与透明度动画；技能数据来自 src/data/skills.ts 的类型化数据集，可推导总技能数、总分类数和按分类分组，修改数据即确定性重渲染。
使用方式：进入 skills-showcase 目录后执行 npm install；用 npx remotion studio 在浏览器预览；用 npx remotion render SkillsShowcase out/skills-showcase.mp4 渲染主视频，或用 npx remotion render SkillsShowcase out/skills-showcase.gif --every-nth-frame=3 渲染 GIF。产物为 out/skills-showcase.mp4（H.264，约 4.7 MB，用于 X 上传）、out/skills-showcase.gif（约 7 MB，回退/预览）和 thread.md（7 条推文文案）。
定制：在 src/data/skills.ts 的 categories 数组新增分类并同步更新 Root.tsx 时长；每个分类有颜色十六进制值；在 SkillsShowcase.tsx 修改 CATEGORY_DURATION 调整节奏；直接编辑 thread.md 调整推文文案。动画仅用帧驱动模式，不使用 CSS 过渡或 Tailwind 动画工具。
限制：资料未提供收费、平台兼容性和实际发布效果；视频总时长由分类数量决定，增删分类需同步调整时长。