用途：作为严肃 SaaS 产品工作的默认 UI/UX 与前端设计流程，适用于设计或重做仪表盘、设置页、管理面板、运行时/供应商界面、编辑器、构建器、计费、安全以及数据密集的列表与详情页；也可把杂乱界面重构为统一的产品系统，或在写代码前先确定布局层级。
主要能力：先对界面分类（公开营销/信任页、登录后工作区、管理运营页、设置或运行时配置、编辑器/构建器/写作工作区），再定义用户目标、当前状态与主操作；先选密度（舒适、均衡、紧凑）再定布局；按上下文行、当前状态摘要、主工作区、辅助面板、次要细节组织屏幕；有意识地选用 flex（对齐操作、行、工具栏、筛选、控件组）与 grid（摘要、卡片集合、分栏、多列表单）；并应用设计系统、排版、组件与页面模式参考。
使用方式：按需加载参考文件，宽泛页面工作建议顺序为 references/product-ui-principles.md、app-surface-patterns.md、typography-system.md、layout-flexibility.md、component-spec.md、page-blueprints.md、design-tokens.css；需要起始令牌文件时用 assets/default-product-tokens.css。默认输出包含产品与用户假设、界面类型与密度模式、视觉方向、布局结构、排版与令牌决策、组件与状态决策、响应式与无障碍说明、实现说明或评审发现。若用户要代码，优先沿用现有技术栈与模式，使用语义令牌与可复用组件；若用户要评审，先指出层级、密度、状态与响应式问题，再建议结构性修复。
适用场景与限制：适合 SaaS Web 产品界面；不适用于无 UI 影响的后端工作、纯装饰概念图、已定义全部令牌与组件的设计系统的严格像素克隆，以及平台规范优先的原生移动 UI。默认中性优先、深色优先并保持浅色一致、每区一个主操作、均衡密度、语义色仅用于状态/焦点/关键操作；在既有产品中优先沿用现有模式与令牌，不引入破坏系统的装饰风格，管理页与设置页保持操作性，并构建真实的空、加载、错误、禁用与选中状态。具体价格、平台与效果资料暂未提供。