skills.rest
fsioni
fsioniCOMMUNITY
Explore all skills by this author →
Website𝕏@FSioni_GitHub

web-design-guidelines

Fetch Web Interface Guidelines and report rule-scored UI compliance issues.

Updated Apr 20, 2026
Search Tags:#accessibility#frontend#usability#ui-review#conformance#web-design-guidelines
One-click install
npx skills add https://github.com/fsioni/Spottt-Mars-Rover --skill web-design-guidelines-fsioni
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/fsioni/Spottt-Mars-Rover/tree/main/.claude/skills/web-design-guidelines
Command: npx skills add https://github.com/fsioni/Spottt-Mars-Rover --skill web-design-guidelines-fsioni

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for Web Interface Guidelines compliance to improve accessibility, consistency, and user experience.

Core Features & Use Cases

  • Fetch the latest guidelines from the source URL below
  • Read specified UI files or components
  • Check against a comprehensive rule set for accessibility, usability, and design consistency
  • Output findings in a concise, actionable report

Quick Start

Review the provided UI files or patterns and run the checker to identify accessibility and design issues.

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 frontend code for accessibility and UX conformance?▼

To audit frontend code for accessibility and UX conformance, you can use a tool that reads HTML, CSS, and JavaScript UI components, applies web interface guidelines, and produces a concise rule-scored report of violations.

Can I check HTML, CSS, and TypeScript UI components for visual consistency?▼

Yes, you can check HTML, CSS, and TypeScript UI components for visual consistency by running a conformance check that fetches the latest web design guidelines and reviews your target files against a comprehensive accessibility and usability rule set.

What is the best way to review a UI codebase for web design guideline violations?▼

The best way to review a UI codebase for web design guideline violations is to fetch the latest rules from a source URL, read the specified frontend files, and apply all rules to generate an actionable report highlighting accessibility and design issues.

Does an accessibility audit tool work with plain frontend codebases?▼

Yes, an accessibility audit tool works directly with plain frontend codebases by reading target UI files across HTML, CSS, and JavaScript or TypeScript components to check for compliance with web interface guidelines without requiring external dependencies.

What specific issues does a UI conformance check identify?▼

A UI conformance check identifies specific issues related to accessibility barriers, usability flaws, and visual design inconsistencies by applying a comprehensive rule set to your frontend codebase and outputting the findings in a concise, actionable report.

Related Skills

Explore More Design & Creative Skills→
Chai-UnChai-Un

web-design-guidelines

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

Community
Intermediate
yldgioyldgio

web-design-guidelines

Analyze UI code against Web Interface Guidelines and report violations.

Community
Basic
microwindmicrowind
65

CSS验证器

Analyze CSS code for syntax errors, performance issues, and accessibility gaps.

Official
Advanced
dachentdachent
18

frontend-design-codex

Validate frontend UI components through browser rendering and screenshot analysis.

Community
Advanced