关于 Web Motion Archive
这是一个可浏览、可运行、可被机器查询的网页设计知识库。它把 333 件交互研究转成公开目录、设计风格、区块模式、质量门禁、CLI 与 Skill。
常见问题
Web Motion Archive 是什么？
Web Motion Archive 是一个双语网页设计与动效知识库，收录 333 件可直接运行的交互研究。每件作品都有独立页面、封面、技术信息和可验证的交互状态。
这个档案库收录了多少作品？
当前公开版本收录 333 件可交互作品。328 条外部来源记录已经全部映射，待实现数量为 0；目录还归纳出 12 个设计风格族和 11 类网站区块模式。
Design API 能提供什么？
Design API v1 提供 333 件案例目录、12 个风格族、11 类区块模式、6 组质量门禁、OpenAPI 契约、CLI 和 Skill 文件清单。接口公开、只读并支持跨域读取。
如何查询适合某个网站的设计案例？
下载 cli.mjs 后运行 search 命令并输入自然语言，例如 climate security 或 editorial portfolio。CLI 会按名称、分类、技术和交互描述返回匹配案例。
CLI 可以根据需求推荐设计方向吗？
可以。recommend 命令会读取 Brief，返回一个主风格、一个辅助风格、相关馆藏作品和适合 Hero、Features、Cards、CTA 或 Footer 的区块规则。
如何安装 motion-archive-design Skill？
运行 node cli.mjs install-skill。CLI 会读取 Skill manifest，检查路径安全并逐个验证 SHA-256，再安装到用户的 Codex Skill 目录；也可以指定自定义 target。
Skill 在没有网络时还能使用吗？
可以。Skill 默认读取网站最新 Design API；如果网络不可用，会回退到包内的 333 件目录快照，并在查询结果中说明当前使用的数据源。
可以把这些设计方法用在自己的项目里吗？
可以使用公开的设计风格、区块模式和质量规则来规划或优化自己的页面。API 不提供来源提示词原文，也不授予第三方受限素材的再分发许可。
这个网站如何检查设计质量？
项目使用自动测试和浏览器回归检查唯一 ID、入口、封面、映射、控制台错误、横向溢出、双语回退和封面信息密度；当前项目测试为 11 项。
网站支持中文和英文吗？
支持。中文和英文具有独立界面文案、分类名称、描述 fallback、字体与行长规则。英文模式不会回退中文作品描述。