SuperAPI AI 工具集

reference-intelligence

设计与创作

查看项目

更新于 10-16 08:04

技能介绍

用途:让设计基于真实抓取的参考,而不是凭记忆复述。流程分四步:Scout 从 Awwwards、Mobbin MCP、MotionSites MCP 找 8-12 个候选;Capture 用 scripts/capture.mjs 截图实时站点并测量其 DNA,输出到 .sumi/refs/<slug>/;Board 综合成 .sumi/refs/board.md 与 board.json;Compare 由 critic agent、/grade、/roast 将构建与参考板对比评分。

来源路由:营销站、落地页、作品集、品牌、活动用 Awwwards,动效配方用 MotionSites;应用界面、仪表盘、设置用 Mobbin;流程(引导、结账、注册、付费墙、搜索)用 Mobbin flows;动效、滚动叙事、WebGL、转场用 Awwwards 对应标签加 MotionSites;“做成某 URL 那样”则直接将该 URL 交给 capture.mjs。适配器文档包括 awwwards-adapter.md、mobbin-adapter.md、motionsites-adapter.md、dna-schema.md、board-synthesis.md、comparison-protocol.md。

用法:脚本位于插件而非项目内,需先解析插件根目录:SUMI="${CLAUDE_PLUGIN_ROOT:-$(dirname "$(dirname "$(find ~/.claude/plugins -path 'sumi/scripts/capture.mjs' -print -quit)")")}",然后运行 node "$SUMI/scripts/awwwards.mjs" technology --awarded --limit 10 --out .sumi/refs/awwwards-technology.json,再 node "$SUMI/scripts/capture.mjs" --from .sumi/refs/awwwards-technology.json --pick slug-a,slug-b,slug-c 或直接传 URL。capture.mjs 依赖 puppeteer-core 与本地 Chrome,每站约 40-60 秒,超过 3 站建议后台运行。board.json 是契约:/style 将其方向转为 token 并写入 .sumi/style.json 的 references,/page、/screen、/component 依其构建,/grade 与 /roast 依其比较。

限制与规则:参考必须是本会话抓取的 URL、MCP 的 Mobbin 结果或 MotionSites 提示,不得凭记忆谎称某站获奖;必须抓实时站点而非缩略图;抓取用一次脚本调用而非逐步浏览;每轮 8-12 个候选、保留 3-5 个,不批量爬取,7 天内可复用缓存;参考板最多从每个参考取一个标志性特征,不得照搬布局;截图仅作本地研究材料,建议将 .sumi/refs/**/*.jpg 加入 .gitignore,不得发布或部署;最终由用户筛选保留 3-5 个。费用、价格与更详细平台支持暂未提供。