skills.rest
takayatomose
takayatomoseCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Compare HTML, CSS, and JavaScript files against Web Interface Guidelines.

Updated Feb 27, 2026
Search Tags:#ui#accessibility#frontend#design-review#web-standards
One-click install
npx skills add https://github.com/takayatomose/tas-agent-skills --skill web-design-guidelines-takayatomose
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/takayatomose/tas-agent-skills/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/takayatomose/tas-agent-skills --skill web-design-guidelines-takayatomose

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps ensure UI code adheres to Web Interface Guidelines, catching accessibility gaps and UX inconsistencies early.

Core Features & Use Cases

  • Automated UI compliance checks: Scans code for guideline conformance across accessibility, responsive design, and UX heuristics.
  • Guideline-driven reviews: Compares project files against the latest Web Interface Guidelines sourced online.
  • Use Case: When tasked with auditing a new UI, run this skill to surface accessibility and UX compliance issues and recommend fixes.

Quick Start

Run a UI review on the target project to fetch the latest guidelines and evaluate the specified files.

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 HTML and CSS for accessibility and UI compliance?▼

Yes, you can scan UI components and JavaScript files for guideline conformance. The skill evaluates frontend code against fresh online standards to detect accessibility gaps and UX inconsistencies, reporting issues by file and line number.

What is a UI design review against web standards?▼

The skill fetches fresh guidelines from a provided source URL, applies all rules to the specified project files, and outputs a concise report of accessibility and UX compliance issues mapped to exact file and line numbers.

Do I need specific dependencies to check web accessibility in my frontend code?▼

You can use this skill without prerequisites. It fetches fresh Web Interface Guidelines from a provided source and applies them directly to your HTML, CSS, and JavaScript files to surface accessibility and visual issues.

How does a guideline-driven design review handle responsive and interaction issues?▼

By comparing your frontend code against the latest Web Interface Guidelines, the review surfaces accessibility gaps and interaction issues, reporting findings in a concise file:line format for quick resolution.

What is the best way to surface accessibility gaps in web projects?▼

This skill solves the problem of catching accessibility gaps early by applying fetched web standards directly to your HTML, CSS, and UI components, outputting a concise report of compliance issues.

Related Skills

Explore More Design & Creative Skills→
Insik-HanInsik-Han
16

web-design-guidelines

Audit React, HTML, CSS, and JavaScript files against Web Interface Guidelines.

Community
Intermediate
JaimeJunrJaimeJunr
2

web-design-guidelines

Audit UI code against official Web Interface Guidelines and report violations in file:line format.

Community
Intermediate
NolanPicNolanPic

Frontend Components

Enforce frontend component coding standards in Claude Code workflows.

Community
Basic
nirukk52nirukk52
1

web-design-guidelines

Validate HTML, CSS, and JS files against Web Interface Guidelines.

Community
Basic