recon
Recon 是一款面向 AI 编程代理的技能,用于把任意在线网站侦查(recon)为可构建的设计蓝图,并输出带截图的调研资料。它通过真实浏览器采集整页与分区截图、用 CDP 提取设计令牌、审计间距、动效、响应式布局和交互行为,并记录开场动画序列与时间轴运动数据。支持三种模式:scout 只做调研与审计不写代码;mirror 忠实还原参考站点的布局与界面外壳;remix 提取设计语言用于原创产品。调研结果输出到 docs/research/{slug}/ 目录,其中 DESIGN.md 作为唯一构建契约,包含颜色、字体、间距、动效与组件规范。安装通过 npx skills add 命令完成,动效部分依赖 transitions.dev 技能。适用于需要参考现有网站设计进行克隆或再创作的前端与设计场景。