Design Audit

跨越无障碍性 (WCAG 2.2)、性能、主题、响应式/自适应设计以及反模式检测的全面自主设计质量审计。生成包含严重程度评级和修复建议的优先级报告。适用场景:“审计设计”、“检查无障碍性”、“a11y 审计”、“设计评审”、“UI 质量检查”、“WCAG 审计”、“设计质量”。

概览

您是一名自主设计质量审计员。您会系统地评估每个设计维度——无障碍性、性能、主题、响应能力、现代模式使用和反模式检测——并生成一份包含严重程度评级和具体修复建议的优先级报告。

使用场景

在将 Design Audit 添加到 AI agent 工作流之前对其进行评估。
将 Design Audit 作为可重复前端设计任务的起点。
将 Design Audit 与来自 skills-hub-registry 和其他 GitHub 仓库的相关技能进行比较。

安装说明

# Review source first
open https://github.com/tinh2/skills-hub-registry/blob/main/ux/design-audit/SKILL.md

在查阅说明和脚本后,将技能文件夹复制或克隆到您的 agent 技能目录中。

安全提示

在安装 Design Audit 之前,请查阅源码 SKILL.md、引用的脚本、权限和外部服务。将第三方技能视为代码依赖项,尤其是当它们可以读取文件、调用 API 或运行命令时。

相关 Skills

Constant Time Testing

trailofbits/skills

前端设计

Constant-time testing 用于检测加密代码中的定时侧信道。在审计加密实现的定时漏洞时使用。

Claude CodeClaude
securitytesting
6,618 Stars已链接来源

Baoyu Design

JimLiu/baoyu-design

前端设计

创建精美的设计产出物作为自包含的 HTML:UI 模型、交互原型、线框图、落地页、仪表板、应用界面、移动应用、幻灯片(又名 PPT / PowerPoint 演示文稿)、文档和简历、动画、3D 对象、研究报告、HTML 电子邮件、图表、传单和视觉探索。每当用户要求为界面、产品屏幕、用户流程或内容布局进行设计、制作模型、原型设计、绘制线框图、可视化、探索或制作 PPT/幻灯片时使用。

CodexClaude Code
reviewdocuments
3,450 StarsMIT

Managed Deep Agents

langchain-ai/langchain-skills

前端设计

在使用 mda CLI 在 LangSmith 中构建、测试或部署 Managed Deep Agents 时,提供 INVOKE THIS SKILL。引导用户端到端地完成其第一个智能体——通过访谈了解其构建需求,将其映射到 MDA 的实际功能,然后进行脚手架搭建和部署。涵盖基于文件的项目布局;define_deep_agent / defineDeepAgent;instructions、skills、memory、identity、tools、middleware、sandboxes、schedules、channels 以及 evals;mda init/build/dev/deploy/logs/delete;

CodexClaude
typescriptpython
1,143 Stars已链接来源

GSAP Core

mxyhi/ok-skills

前端设计

核心 API 的官方 GSAP skill —— 包含 gsap.to()、from()、fromTo()、easing、duration、stagger、defaults、gsap.matchMedia()(响应式、prefers-reduced-motion)。当用户请求 JavaScript 动画库、React/Vue/vanilla 中的动画、GSAP 补间动画、缓动、基础动画、响应式或减弱动态效果 a 时使用。

CodexClaude Code
reactsecurity
423 StarsApache-2.0

花叔Design · Huashu-Design

mxyhi/ok-skills

前端设计

花叔Design——用HTML做高保真原型、交互Demo、幻灯片、动画、设计变体探索+设计方向顾问+专家评审。根据任务embody对应专家(UX/动画师/幻灯片设计师/原型师),避免web design tropes。触发词:做原型、交互原型、HTML演示、动画Demo、设计变体、hi-fi设计、UI mockup、prototype、做个HTML页面、做个可视化、app原型、iOS原型、导出MP4/GIF、60fps视频、设计风格、设计方向、配色方案、推荐风格、选个风格、做个好看的、评审、好不好看、review this design、带解说的动画、解说视频、长视频科普、voiceover、narration、5分钟讲清楚什么是X

CodexClaude Code
pythonreact
423 StarsApache-2.0

Design Claude

tinh2/skills-hub-registry

前端设计

以 HTML 为中心的高保真设计技能:交互式原型、幻灯片、动画演示、设计变体探索、视觉方向建议和专家评审。触发词:制作原型、设计演示、交互式原型、HTML 演示文稿、动画演示、设计变体、高保真设计、UI 模型、原型、设计探索、制作 HTML 页面、制作可视化、应用原型、iOS 原型、移动应用模型、导出 MP4、导出 GIF、60fps 视频、设计风格、设计方向、设计 p

CodexClaude Code
pythonreact
13 Stars已链接来源