skills.rest
Soju06
Soju06COMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Fetch latest Web Interface Guidelines and review UI code for violations.

2.6k|399|Updated Jan 7, 2026
Search Tags:#design#ui#code review#accessibility#guidelines#ux
One-click install
npx skills add https://github.com/Soju06/codex-lb --skill web-design-guidelines-soju06
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Soju06/codex-lb/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/Soju06/codex-lb --skill web-design-guidelines-soju06

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill automates the review of UI code against established Web Interface Guidelines, ensuring consistency, accessibility, and adherence to best practices.

Core Features & Use Cases

  • Automated Compliance Checking: Scans specified files for violations of design and accessibility standards.
  • Guideline Fetching: Dynamically retrieves the latest guidelines from a remote source before each review.
  • Use Case: When developing a new feature, use this Skill to audit the UI code for accessibility issues and ensure it aligns with the company's design system before deployment.

Quick Start

Review the UI code in the file 'src/components/Button.js' 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 audit my UI code for accessibility and UX compliance?▼

To audit UI code for compliance, the Skill scans specified local files for violations of design and accessibility standards. It dynamically fetches the latest Web Interface Guidelines via WebFetch and processes your code to identify rule violations.

What is the best way to check if my components meet Web Interface Guidelines?▼

The best way to check if components meet Web Interface Guidelines is to run an automated compliance review. This Skill retrieves the latest remote rules and applies them directly to your UI code files to detect design and accessibility issues.

How does automated UI code review against design guidelines work?▼

Automated UI code review works by fetching external design guidelines via WebFetch and processing your local files. The Skill applies these established best practices to your code to detect accessibility issues and UX violations.

Can I use this to check local UI files against a remote design system?▼

Yes, you can check local UI files against a remote design system. The Skill requires fetching external guidelines via WebFetch and then processes your local files to ensure they align with the established standards.

Do I need WebFetch to run a UX review on my UI code?▼

Yes, WebFetch is required to run a UX review because the Skill dynamically retrieves the latest guidelines from a remote source before each review. This ensures your code is always checked against the most current accessibility and design standards.

Related Skills

Explore More Design & Creative Skills→
ScarletFishScarletFish

web-design-guidelines

Analyzes web interface code for compliance with design and accessibility guidelines.

Community
Intermediate
mmsu-pawpatrolmmsu-pawpatrol
2

web-design-guidelines

Analyze HTML, CSS, and JavaScript files for design and accessibility standard violations.

Official
Intermediate
cbbkrd-techcbbkrd-tech

ln-625-dependencies-auditor

Audit dependencies for outdated packages, vulnerabilities, and unused code, generating Markdown reports and compliance scores.

Community
Advanced
faw01faw01
18

web-design-guidelines

Audit web interface code against remote design and accessibility rule sets.

Community
Intermediate