用途:面向仪表盘、管理面板、SaaS 应用、工具、设置页与数据界面的界面设计,不用于营销落地页或营销站点,那类应转交 /frontend-design。
主要能力:先明确人类意图(使用者是谁、要完成什么、应有何种感受),并要求每项设计决策都能解释原因;主张从意图出发使输出难以雷同。核心方法为“细微分层”:表面层级差异极小(深色模式各级仅相差数个百分点),边框低不透明度可隐可寻。要求间距基于统一基数、内边距对称、深度策略(边框、阴影或分层阴影)择一并用到底、圆角与字体一致、颜色由前景/背景/边框/品牌/语义等原始色派生、微交互约 150ms 且无弹跳动画,并补齐交互与数据状态(默认、悬停、激活、聚焦、禁用、加载、空、错误)。提倡自定义下拉与日期输入等原生难以样式化的控件。写每个组件前需声明意图、深度、表面、字体、间距等检查点。
使用方式:若项目存在 .design-engineer/system.md 则读取并遵循;否则先评估产品与用户,给出建议并征求确认,再构建,最后可主动询问是否将方向、深度策略、间距基数与组件模式保存至该文件。提供命令 /design-engineer:status、/design-engineer:audit、/design-engineer:extract,以及 references/principles.md、references/directions.md、references/validation.md 等深入材料。
适用场景:数据密集、需要克制专业观感的产品界面。限制:不适用于营销设计;需先回答意图问题,无法具体化时应向用户询问而非猜测;平台与收费信息暂未提供。