Skills
.Work. You
Rest

design-web-guidelines

Community

Ensure UI code meets web standards.

Design & Creative#accessibility#frontend#ui review#design audit#ux review#web guidelines
Authorbaotoq
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps ensure that user interface code adheres to established Web Interface Guidelines, improving consistency, accessibility, and overall user experience.

Core Features & Use Cases

  • Automated Code Review: Scans UI code files for compliance with a predefined set of web design and accessibility rules.
  • Guideline Fetching: Automatically retrieves the latest guidelines from a specified source to ensure reviews are up-to-date.
  • Use Case: A developer can use this skill to quickly audit a new component's HTML and CSS to ensure it meets accessibility standards before merging it into the main branch.

Quick Start

Use the design-web-guidelines skill to review the file 'src/components/Button.jsx' for compliance.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: design-web-guidelines
Download link: https://github.com/baotoq/go-shortener/archive/main.zip#design-web-guidelines

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.