设计师 Benji Taylor 新发布的技能：让代理用 React 和 CSS 做营销页头图、功能卡片、文档配图里那种“像真产品”的简化界面，可以是静态插图，也可以是带光标操作的 10–16 秒演示动画，自带组件库、几十个范例和录制脚本，让代理把成品拍下来自查。
安全审计：未审计
- 尚未扫描
理由
- 先写计划再写代码：定位置和尺寸（作者给的参考是旁边配文案的头图约 720 × 340、卡片 400 × 300），再定主题和保真度，再写 3–5 个节拍加一个结果；能放进手机栏的还要单独出 compact 版
- 要求从最接近的“金标”范例复制起步（静态卡片、AI 聊天、表单报错、拖拽排序、图表拖动、表格编辑等），用 node scripts/film.mjs 拍静帧和整段，与范例并排对照
- 列出常见失败：信息塞太满、像线框图、整窗缩进卡片四边留白、所有元素同等分量，以及紫色加闪光的套路 AI 图标；真文字只放在故事相关处，一般 3–7 处，其余用占位条
- kit/ 提供 Stage、Window、Phone、光标脚本 Act 等部件；技能目录写明 MIT 许可
- skills.sh 首次收录才 1 天，24 小时安装 804（只代表关注度）
用法
- 安装命令待审计通过后显示；说要做产品演示动画、功能卡片插图或假界面（faux UI）时触发
- 不需要账号或外部服务；需要 React、react-dom、lucide-react，范例用 npm install 和 npm run dev 预览
风险
- 本期未审计，固定 C 级、不显示安装命令；SKILL.md 让代理用 npm 装依赖并运行技能自带的 film.mjs 录制脚本，这些脚本没有扫描；skills.sh 页面没有显示 SKILL.md 和第三方审计结果，本次读的是 GitHub 原文
- 范例里有 Figma、Linear、Slack、Gmail 等真实产品的仿制界面和真实 logo，SKILL.md 要求只借交互、不借别家产品身份；用在自家页面时别让人误以为是别家产品截图
- 仓库刚发布、星数个位数；流程长（计划、拍摄、对照、复查、写 REHEARSAL.md），token 消耗大