用途:为真实 SaaS 产品界面提供系统化设计流程,聚焦应用界面与工作流密集页面,而非装饰性概念设计。
主要能力:先定义用户目标、页面需呈现的当前状态与唯一主操作,再确定结构(页面引导、状态摘要、主配置/工作区、辅助面板、次要细节),最后按内容行为选择 flex 或 grid 布局:flex 用于对齐控件、工具栏、设置行、操作组;grid 用于重复卡片、摘要块、分栏与多列表单。应用完整设计系统,保持排版、间距、表面与状态在全页一致。
使用方式:按需阅读参考文件,广泛 UI 工作建议顺序为 references/saas-ux-design-system-skills.md、typography-system.md、flexibility-system.md、design-tokens.css、component-spec.md、page-blueprints.md、video-alignment.md;需要现成令牌起始文件时使用 assets/default-saas-tokens.css。
适用场景:设计内部产品页、仪表盘、设置页、编辑器与构建器;将杂乱 UI 审查或重构为统一产品系统;决定页面层级、卡片组合、面板结构与控件密度;改善排版节奏、布局对齐与视觉一致性;选择卡片、标签页、chip、表单、表格、抽屉与侧边栏的使用时机。
限制:在既有应用中优先沿用现有产品模式与令牌;不要为让单个页面显得不同而发明破坏系统的装饰样式;除非明确要求,避免高饱和色彩、视觉噪音与概念艺术风格;输出需保持生产可用与工作流导向。默认采用中性优先表面、高端 SaaS 产品调性、暗色优先并保持浅色模式对等、每区一个明确主操作、可复用组件优先、以排版与间距承载层级、语义色仅用于状态。
其他信息(如收费、价格、平台支持)暂未提供。