工具集

无障碍审查插件，含审计命令、界面校验子代理和 WCAG 2.2、读屏测试两个技能。设计走查或上线前，可让 agent 检查对比度、键盘操作与读屏兼容等问题并给出整改建议。需 Claude Code，自动化检测需本机 Node.js 环境。

参照 Stripe、Linear、Apple、Vercel 的风格为网页产品建立统一的动效体系：可复用的动效基元、时长与缓动默认值、错峰编排、滚动与悬停交互，并要求只动 transform 与 opacity、支持 prefers-reduced-motion。

用 GSAP ScrollTrigger 让标题与短文案在进入视口时逐词从遮罩下方升起，提供不依赖付费 SplitText 插件的拆词代码、默认时长与错峰、React 清理写法，保留 aria-label 并支持减少动态效果。

以 Apple 人机界面指南为依据（内置从 developer.apple.com 抓取的 123 页原文）审查移动端与桌面应用的界面设计，从无障碍、平台惯例等五个角度逐项引用条款给出意见，同时指出模板化、缺少个性的地方。可审截图、设计稿、Figma 导出或界面代码，适用于 SwiftUI、UIKit、Flutter、React Native、Tauri、Electron。

用北欧风格的视觉体系设计或改造界面：黑白中性底色、用透明度区分文字层级、克制的无衬线字体、宽松留白、清晰的分章节结构与极少装饰，优先保证理解、可用与无障碍。支持应用、评审、出三套原型与深度检查四种模式，需手动调用（/scandinavian-design）。

在网页项目中使用 OKLCH 色彩空间：把 hex、rgb、hsl 转成 oklch，生成没有色相漂移的色阶与暗色模式配色，用 APCA 或 WCAG 检查对比度并只调亮度来修正，处理 P3 色域与 sRGB 回退，以及 Tailwind v4 的 @theme 配置；修改结果以前后对照表呈现。

在 Figma 里生成组件的读屏无障碍规格：焦点顺序，以及按组件状态列出的 VoiceOver（iOS）、TalkBack（Android）与 ARIA（Web）属性表和播报内容。属于 uSpec 技能集，内容来自 create-component-md 生成的组件 .md 规格，需要 Figma MCP 与在 uspecs.config.json 中配置好的模板。

审查界面代码里的声音反馈：每个音效都要有对应的视觉反馈，可在设置中关闭并调节音量，尊重减弱动效偏好；只在确认、错误等重要时刻发声，不给打字等高频操作和装饰性交互加音效；还检查音频预加载、默认音量和音效轻重是否与操作相称。按「文件:行号」列出问题。

构建紧凑、精致的落地页与产品页骨架：动手前先定好构图、配色、字体、圆角、表面与动效等「设计指纹」，每次换一种视觉方向，突出一个产品本身的演示件，首屏放主要操作；动效只用 transform、opacity 与 filter，保证零布局偏移，兼顾移动端、键盘焦点与减少动态效果设置。

修复相邻可交互元素之间的悬停与点击死区：图表柱、列表行、导航项、标签页等用 gap 或 margin 留白时，指针落在间隙里会失效或闪烁；改为让元素紧贴铺满各自的槽位，把视觉间距移到元素内部，附 React/Tailwind 示例。