skills.rest
dang0705
dang0705COMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Updated Mar 7, 2026
Search Tags:#UI code review#Web accessibility#Best practices#Design audit#Web standards
One-click install
npx skills add https://github.com/dang0705/planting --skill web-design-guidelines-dang0705
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/dang0705/planting/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/dang0705/planting --skill web-design-guidelines-dang0705

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps ensure that UI code adheres to Web Interface Guidelines, enhancing accessibility and user experience.

Core Features & Use Cases

  • Guidelines Compliance: Reviews UI code for adherence to Web Interface Guidelines.
  • Accessibility Check: Ensures the UI is accessible to all users.
  • Design Audit: Identifies design and UX issues in the code.
  • Use Case: When a user needs to ensure their web application meets industry best practices and guidelines.

Quick Start

Use the web-design-guidelines skill to review the 'index.html' file for compliance with Web Interface Guidelines.

Frequently Asked Questions about web-design-guidelines

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

FAQPage Schema
How do I check if my UI code complies with web accessibility standards?▼

A UI code review for web accessibility checks source files against Web Interface Guidelines, identifying design issues and verifying adherence to industry best practices to ensure usability for all users.

What is a design audit for web development and when do I need one?▼

A design audit for web development reviews UI code to identify accessibility and user experience issues. You need one when ensuring your web application meets industry best practices and web standards.

How do I perform a UI code review using web interface guidelines?▼

Perform a UI code review by fetching Web Interface Guidelines and applying their rules directly to your source code, such as HTML files, to verify compliance with accessibility requirements and best practices.

Can I use this to audit an existing web application's source code?▼

Yes, you can audit an existing web application by running a design audit on its source code. The process identifies UX issues and checks the current implementation against established web standards and guidelines.

Does this UI code review work with standard HTML files?▼

Yes, the UI code review works with standard HTML files. It fetches web standards and applies guideline rules directly to the source code to verify accessibility and best practice compliance.

Related Skills

Explore More Software Engineering Skills→
ntuan2502ntuan2502

web-design-guidelines

Fetch external Web Interface Guidelines and apply them to UI code files.

Community
Intermediate
headline-designheadline-design
10

v0

Create accessibility-compliant web interfaces following v0 design standards.

Community
Intermediate
zajcazajca
2

go-linting

Configure golangci-lint with recommended Go linters for static analysis.

Community
Basic
spartDevspartDev
6

Design System Violation Detector

Detect design-system violations in React components against DESIGN_GUIDELINES.md.

Community
Advanced