用途：该技能用于设计或重构 SaaS 内部产品界面与组件，如仪表盘、设置页、编辑器等，目标是做出平静、高级、可直接上线的产品级 UI，让排版与 flex/grid 布局承担信息层级，而非依赖装饰性样式。
主要能力与工作流：先明确屏幕用途、主操作，以及主要与次要区域；从布局入手，判断使用 flex 还是 grid、固定（sticky）还是流式区域、主面板与辅助面板、桌面与移动端的堆叠方式；随后建立排版层级，再处理装饰；应用中性表面、克制的强调色与一致的卡片节奏；最后检查状态、间距与响应式表现。需要细节规则时可阅读 references/typography-flex.md，其中包含排版层级规则、flex 与 grid 布局配方、区块与卡片组合、设置页结构以及常见 UI 反模式。
默认原则：排版驱动层级，flex/grid 驱动结构，中性表面配克制强调色，每个区域只有一个明确主操作，优先复用可复用模式而非一次性布局，设置页与构建器页面应具备产品级质感而非原始后台感。
适用场景：重设计 SaaS 设置页、改善仪表盘或编辑器的布局节奏、修复错位与拥挤卡片或杂乱间距、在堆叠/分栏/固定面板布局之间做选择、让内部产品 UI 显得高级且可交付。
限制：若产品已有设计令牌与组件应优先使用；输出需保持响应式与可交付；避免装饰性堆砌、刺眼色彩与概念艺术风格。具体安装命令与更多实现细节暂未提供。