·web-design-guidelines
*

web-design-guidelines

duc01226/easyplatform

审查 UI 代码以确保 Web 界面设计合规性,涵盖 WCAG 2.2/3.0 可访问性、响应式设计、性能、可用​​性和现代最佳实践。当被要求“检查我的 UI”、“检查可访问性”、“审核设计”、“检查 UX”、“检查响应式设计”或“根据最佳实践检查我的网站”时使用。行动:审查、检查、审核、分析、验证。主题:可访问性、WCAG、ARIA、语义 HTML、焦点状态、表单、动画、版式、内容处理、图像、性能、核心 Web 生命、导航、触摸交互、响应式设计、移动优先、暗模式、国际化、水合作用。

11安装·0热度·@duc01226

安装

$npx skills add https://github.com/duc01226/easyplatform --skill web-design-guidelines

SKILL.md

Comprehensive code review for web interface compliance with industry standards including WCAG 2.2, Core Web Vitals, and modern UX best practices.

"If you can use a native HTML element with built-in semantics, use it instead of ARIA."

"No ARIA is better than bad ARIA" – Sites with ARIA average 41% more errors than those without.

审查 UI 代码以确保 Web 界面设计合规性,涵盖 WCAG 2.2/3.0 可访问性、响应式设计、性能、可用​​性和现代最佳实践。当被要求“检查我的 UI”、“检查可访问性”、“审核设计”、“检查 UX”、“检查响应式设计”或“根据最佳实践检查我的网站”时使用。行动:审查、检查、审核、分析、验证。主题:可访问性、WCAG、ARIA、语义 HTML、焦点状态、表单、动画、版式、内容处理、图像、性能、核心 Web 生命、导航、触摸交互、响应式设计、移动优先、暗模式、国际化、水合作用。 来源:duc01226/easyplatform。

查看原文

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令
npx skills add https://github.com/duc01226/easyplatform --skill web-design-guidelines
分类
*创意媒体
认证
收录时间
2026-02-01
更新时间
2026-02-18

快速解答

什么是 web-design-guidelines?

审查 UI 代码以确保 Web 界面设计合规性,涵盖 WCAG 2.2/3.0 可访问性、响应式设计、性能、可用​​性和现代最佳实践。当被要求“检查我的 UI”、“检查可访问性”、“审核设计”、“检查 UX”、“检查响应式设计”或“根据最佳实践检查我的网站”时使用。行动:审查、检查、审核、分析、验证。主题:可访问性、WCAG、ARIA、语义 HTML、焦点状态、表单、动画、版式、内容处理、图像、性能、核心 Web 生命、导航、触摸交互、响应式设计、移动优先、暗模式、国际化、水合作用。 来源:duc01226/easyplatform。

如何安装 web-design-guidelines?

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/duc01226/easyplatform --skill web-design-guidelines 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用

这个 Skill 的源码在哪?

https://github.com/duc01226/easyplatform