openpress-design

用途

open-press design 负责 open-press 工作区的视觉系统，即存在于用户 press/ 或过渡性 document/ 源码树中的 CSS 与组件。它决定文档的外观，同时确保固定布局、移动端和 PDF 输出保持稳定。

主要能力

• 选择字体、配色、间距、页面节奏、封面、图表、表格与图表的呈现方式。
• 编辑工作区源码树中的 theme/、design.md 与 components/。
• 判断何时应将大段密集文字转化为可复用的视觉组件。
• 保持 press/design.md 公开可读，使用户与智能体能够审查同一套规则。
• 保持 React 阅读器输出作为公开阅读界面；PDF 是导出产物。

职责边界（按路径划分，而非按主题）

• press/theme/、press/components/、press/design.md（工作区）：由本技能负责。
• press/theme/、press/components/、press/design.md（过渡性工作区）：由本技能负责。
• 框架运行时 / 工作台代码：仅由框架智能体负责；参见 openpress > Source Boundary。

相关技能：

• openpress-create-theme 负责 /create-theme 产品入口与首轮主题生成。
• openpress-writing 负责主张、文字、受众与说明文字作为语言的层面。
• openpress-diagram-drawing 负责图表语义；本技能负责视觉外观。
• openpress-deploy 负责公开发布。

源码路径遵循 openpress > Source Boundary。

硬性规则

• 避免不受控制的溢出进入页眉、页脚或固定页面。
• 当公开输出、iPad 或 PDF 稳定性重要时，不要依赖仅本地可用的字体。
• 将页面表面 CSS、通用模式与组件 CSS 保留在各自所属的层级中。

使用方式

工作流程：

1. 在更改主题或组件之前，先阅读工作区的 design.md。
2. 如果用户是从品牌素材请求首轮主题，则转交 openpress-create-theme；否则仅编辑源码 CSS/组件（参见 openpress > Source Boundary）。
3. 使用 openpress 选择验证深度。
4. 对于对渲染器敏感的更改，在宣布设计就绪之前，先询问 openpress 需要何种渲染/检查/本地审查验证。

何时阅读参考资料：

• 在移动 CSS 层级、提取组件、更改 press/design.md 或本地化页面表面默认值之前，阅读 references/theme-and-components.md。
• 在更改固定页面几何、打印行为或对溢出敏感的 CSS 之前，阅读 references/pdf-safe-css.md。
• 在更改移动端、平板、缩放、跨页或响应式行为之前，阅读 references/responsive-fixed-layout.md。

适用场景

适用于设计或修订 open-press 视觉系统、页面节奏、打印/PDF 安全的 CSS、图表/表格/图表呈现、封面或文档组件的场景。

限制

资料中未提供关于收费、价格、平台支持范围或具体效果的数据，暂未提供。所有操作均需遵循上述路径边界与硬性规则。