Design Checklist 是 aboudjem/ui-ux-suite 下的一个交互式发布前设计质量检查清单技能，主要用途是在产品上线前对设计质量进行系统性审查。它适用于用户提出需要设计检查清单、上线检查清单或发布前设计审查的场景。
该技能以清单方式覆盖多个设计质量方面，主要包括以下类别与检查项：
视觉一致性：色彩系统是否通过 CSS 变量或 token 定义；字体比例是否具有清晰层级；间距比例是否一致（4px 或 8px 基准）；边框圆角是否一致；阴影系统是否一致；图标风格是否统一（全部描边或全部填充）；大小写是否一致（界面使用句首大写）。
状态覆盖：按钮状态是否覆盖悬停、激活、聚焦、禁用、加载；输入状态是否覆盖聚焦、错误、禁用、已填充；所有数据视图是否具备空状态；是否提供加载状态（骨架屏或加载指示器）；错误状态是否包含恢复操作；初始加载是否提供骨架屏。
响应式：是否在移动端（375px）、平板（768px）、桌面（1440px）下正常工作；任何断点下是否无横向滚动；移动端触控目标是否为 44x44；移动端文字是否无需缩放即可阅读。
无障碍：对比度是否通过 WCAG AA（正文 4.5:1，大号或非文本 3:1）；所有交互元素是否具有可见的焦点指示；是否支持键盘导航（所有操作可通过 Tab 到达）；是否包含跳转到内容链接；图片是否具有替代文本；表单标签是否与输入关联；是否支持 prefers-reduced-motion；标题层级是否正确（h1 > h2 > h3）。
暗色模式（如适用）：是否具有正确的表面层级（而非仅仅反转颜色）；鲜艳颜色是否降低饱和度；文字对比度是否保持；图片与插画是否适配暗色。
性能：图片是否懒加载；字体是否使用 font-display: swap 预加载；首屏内容是否优先加载；加载过程中是否无布局偏移。
细节打磨：favicon 是否在各尺寸下正常；是否具备 og:image 与社交分享 meta；是否具备自定义错误页（404、500）；交互元素是否具有平滑过渡；是否具备自定义选中颜色；是否具备品牌化焦点环；如内容可打印，是否提供打印样式。
使用方式上，该技能为交互式清单，代理会针对每一项未勾选的条目提供具体的修复指引。
该技能的具体安装命令、代码示例、收费与价格、运行平台要求等信息，当前资料暂未提供。