skills.rest
MisonL
MisonLCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Audit UI code against Web Interface Guidelines and report file:line findings.

8|Updated Feb 4, 2026
Search Tags:#automation#accessibility#ux#code-review#web#design-guidelines#ui-audit
One-click install
npx skills add https://github.com/MisonL/Ling --skill web-design-guidelines-misonl
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/MisonL/Ling/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/MisonL/Ling --skill web-design-guidelines-misonl

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

审阅 UI 代码是否符合 Web 界面指南，确保无障碍性、性能和 UX 的一致性。

Core Features & Use Cases

  • 通过从指南来源获取最新规则并对比代码实现，快速发现偏差。
  • 读取目标文件或项目范围，逐条应用指南进行审查并输出简洁的 file:line 风格结果。
  • 提供可重复的审计工作流，适用于代码评审、设计合规性检查、无障碍性评估等场景。

Quick Start

Audit a target file or path against the latest Web Interface Guidelines and report findings in a concise file:line format.

Frequently Asked Questions about web-design-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I audit UI code for accessibility and UX violations?▼

You can audit a target file or entire project path by fetching the latest Web Interface Guidelines and applying them to your code. The Skill reports accessibility, performance, and UX deviations in a concise file:line format.

What is the best way to check web design compliance during code review?▼

The best way to check web design compliance is applying the latest Web Interface Guidelines to your codebase. This creates a repeatable audit workflow for code review, reporting accessibility, performance, and UX deviations in a concise file:line format.

Can I audit an entire project for responsiveness and design standards?▼

Yes, you can audit an entire project for responsiveness and design standards. The Skill reads target files or project scopes, applies Web Interface Guidelines, and identifies accessibility, performance, and UX violations across the entire codebase.

How does the UI audit apply the latest web design guidelines to my code?▼

The UI audit fetches the latest Web Interface Guidelines from a remote source and applies them to your provided code targets. It identifies accessibility, performance, and UX violations by comparing your implementation against these fetched rules.

Do I need any dependencies to run a web design guideline audit?▼

No dependencies are required to run a web design guideline audit. The Skill operates without external dependencies, fetching the latest Web Interface Guidelines from a remote source and applying them directly to your target files or project scope.

Related Skills

Explore More Design & Creative Skills→
ControlNetControlNet
9

web-design-guidelines

Audit UI code against Web Interface Guidelines for accessibility and design issues.

Community
Intermediate
do-ob-iodo-ob-io

web-design-guidelines

Analyze HTML, CSS, and JavaScript UI code against Web Interface Guidelines.

Official
Basic
t-stringst-strings

Global Validation

Enforce centralized validation standards across repository code and CI pipelines.

Official
Basic
jubscodesjubscodes
49

gsp-project-critique

Run parallel design and accessibility audits for GSP projects.

Community
Advanced