全部能力

打造具有卓越设计品质的独特、生产级前端界面。当用户要求构建 Web 组件、页面、产物（artifacts）…时使用此技能。

审查 UI 代码是否符合 Web Interface Guidelines 规范。当用户要求"review my UI"、"check accessibility"、"audit design"、"review UX" 或 "check my site…"时使用。

使用 AppLens、Azure Monitor、资源运行状况和安全分流在 Azure 上调试 Azure 生产环境问题。何时使用：调试生产问题、排查应用服务问题、…

使用纵向贯穿切片（tracer-bullet）方法，将计划、规格说明或 PRD 拆解为项目 Issue 跟踪器中可独立认领的 Issue。当用户想要转换……时使用。

从用户体验视角评估设计，审视视觉层次、信息架构、情感共鸣、认知负荷及整体质量，通过……

改进不清晰的 UX 文案、错误消息、微文案、标签和说明，使界面更易于理解。当用户提到令人困惑的……时使用。

为过于单调或缺乏视觉吸引力的功能添加具有策略性的色彩，使界面更具吸引力和表现力。当用户提及……时使用。

将安全或平庸的设计进行强化，使其在视觉上更具趣味性和吸引力。在提升视觉冲击力的同时保持可用性。当用户说……时使用。

添加愉悦感、个性与意想不到的细节，让界面令人难忘且使用体验愉悦。将功能性提升至令人愉悦的层次。当……时使用

弱化视觉上过于强烈或过度刺激的设计，在保持质量的同时降低视觉强度。当用户提到太突兀、太花哨……等情况时使用。

通过调整字体选择、层级、大小、字重和可读性来改善排版，使文本呈现更具设计感。当用户提及字体、排版等时使用。

高级 UI/UX 工程师。构建数字界面以覆盖默认的 LLM 偏见。执行基于指标的规则、严格的组件架构、CSS 硬件……

运用设计理念，在 .png 和 .pdf 文档中创作精美的视觉艺术。当用户要求创作海报、艺术品等时，应使用此技能。

教导 AI 像高端设计机构一样进行设计。定义能让网站尽显高级感的精确字体、间距、阴影、卡片结构和动画……

简洁的编辑风格界面。温暖的黑白单色调色板、字体对比、扁平化便当盒网格、柔和的粉彩色。无渐变，无重度阴影。

当用户想要规划、梳理或重构其网站的页面层级、导航、URL结构或内部链接时使用。当用户……时也可使用。

构建一次性原型，在正式确定设计前验证其可行性。在两个分支之间进行路由——一个用于状态/业务逻辑的可运行终端应用……

原始机械界面，将瑞士印刷排版与军事终端美学相融合。严密的网格、极端的字号对比、实用主义配色、模拟……

用于为制品设置主题样式的工具包。这些制品可以是幻灯片、文档、报告、HTML 落地页等。内置 10 款预设主题，具有……

改善布局、间距和视觉节奏。修复单调的网格、不一致的间距以及薄弱的视觉层级。当用户提及布局感觉……时使用。