用途：为 SaaS 产品、Web 应用、仪表盘、引导流程和落地页设计、构建、审查或优化生产级前端界面。核心思路是让每个屏幕只回答一个主要问题，视觉打磨来自扎实的界面决策而非装饰。
主要能力：先明确使用者、目标、首要动作与可删减内容；在排版前建立紧凑设计系统，包括中性底色加一个主强调色、语义色、字体层级、间距与圆角尺度、动作层级和统一用词；用尺寸、字重、对比和留白建立层级；按信息类型选择表格、列表、卡片、模态等组件；撰写以结果为导向的界面文案并保持术语一致；覆盖空、加载、部分、错误、成功、撤销等完整状态；为破坏性操作加入与风险相称的确认；渐进式引导；让动效传达状态并尊重减少动效偏好；落地页围绕产品实证组织。
使用方式：实现前先写一份紧凑设计契约，涵盖屏幕主要任务、层级、配色、字号、间距、圆角、动作层级、图标族和词汇；复用项目已有 token 与组件；随后构建主路径与响应式结构，加入真实内容与完整状态，在桌面和移动端检查渲染效果，核对对齐、密度、对比、焦点、键盘操作与减少动效，先删减视觉材料再考虑添加。
适用场景：SaaS 产品界面、Web 应用、仪表盘、引导流程、落地页的设计与评审。
限制：资料未提供具体安装命令、依赖、平台支持、收费或价格信息；图标族示例为 Lucide、Phosphor 或项目现有图标集，未指定必须使用哪一种。