SuperAPI AI 工具集

design-system-synthesizer

设计与创作

查看项目

更新于 10-16 01:14

技能介绍

用途:为 WordPress 站点合成一套可复用的设计系统,把现有品牌的 logo、色板、字体、间距刻度和组件模式提取为结构化 token,供后续 AI 内容生成技能引用,使新页面与既有品牌一致。适用于首次为已有站点搭建 AI 工作流、品牌重塑后重新合成、在运行 build_page 等建站技能前对齐品牌,以及季度刷新。

主要能力:读取代表页面(首页、关于、服务/产品、博客、联系等 5-10 页)的 builder 内容;从媒体库和站点选项提取 logo、favicon、社交卡片;读取 style.css 与 theme.json 中的 CSS 变量;聚合生成含 brand、colors、typography、spacing、components、voice_hints 的 design_system 结构;通过 respira_save_design_direction 保存为 schema 校验的设计方向草稿,并以 respira_list_design_tokens 等工具注册或对齐 builder 全局 token;最后用 respira_build_page 生成私有样式指南页面。

使用方式:依次调用 respira_get_active_site、respira_get_site_context、respira_list_pages、respira_list_media、respira_read_theme_file、respira_extract_builder_content 采集信息,合成后经用户确认再持久化。写入页面前需用 respira_get_snapshot 取快照,异常时用 respira_restore_snapshot 回滚并删除草稿页。无法观测而猜测的 token 必须标记 inferred: true。

限制:需 Respira for WordPress 插件 7.1+ 与 MCP server;不渲染原始 HTML,须用当前 builder 原生模块;激活时若方向未 ready 会拒绝,只有资料明确的功能方可使用。其余细节暂未提供。