用途：这是一套基于 Pixso MCP 工具的设计系统工作流，用于在 Pixso 中生成可编辑设计稿或在浏览器中输出 HTML 页面，覆盖按钮、输入框、卡片、导航等 UI 组件，并应用栅格、响应式断点、颜色、字号、间距、圆角等设计变量（Tokens）。
主要能力：读取并应用栅格与设计变量、调用 Pixso Symbol 组件库、按规范生成组件化界面；提供 536 个 UI 组件变体的 componentKey 索引和 187 个图标（24×24px 线性图标）索引；含颜色、字号、行高、字重、间距、圆角、图标尺寸、阴影等 Token 命名对照。
使用方式：生成前须先读取硬约束文档 references/hard-constraints/skill.md（锁定 PC/MB 断点下的合法尺寸取值）与 rules.md（组件组合规则），再读取 references/components/{name}.md 与图标资源目录 references/assets/。栅格、断点、主题 Token 通过 WebFetch 从 atomgit 上游 URL 实时拉取，不本地打包。生成模式分两种：模式 A 输出 Pixso 可编辑画布，模式 B 输出可在浏览器打开的独立 HTML。常用工具包括 get_variable_sets、get_variables、get_local_styles、get_all_components、code_to_design、set_bound_variables、get_node_dsl、get_image、get_export_image。图标以 <svg> 内联，颜色用 currentColor。
限制：所有几何与视觉数值必须来自组件规范、硬约束白名单或上游 Token，禁止近似或推断；涉及组件需先向用户确认；图标以 svgSha 外部引用存储于 Pixso 服务器，DSL 中无法直接提取路径；组件文档缺失的参数需停下询问。官方说明未提供收费与价格信息。