skills.rest
soham2008xyz
soham2008xyzCOMMUNITY
Explore all skills by this author →
Website𝕏@nonconformismGitHub

web-design-guidelines

Review web interface code against Web Interface Guidelines for compliance issues.

Updated Jan 8, 2026
Search Tags:#code review#accessibility#frontend#ui audit#ux review#web guidelines
One-click install
npx skills add https://github.com/soham2008xyz/trade-tycoon --skill web-design-guidelines-soham2008xyz
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/soham2008xyz/trade-tycoon/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/soham2008xyz/trade-tycoon --skill web-design-guidelines-soham2008xyz

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps you find accessibility, usability, and design compliance issues in your web UI by checking your code against the Web Interface Guidelines.

Core Features & Use Cases

  • Guidelines-based UI auditing: Reviews provided files against the latest published Web Interface Guidelines rules.
  • Actionable issue reporting: Outputs findings in a consistent file:line format for fast fixes.
  • Use Case: Audit a React/Expo web codebase before release to catch accessibility regressions and UI inconsistencies early.

Quick Start

Ask it to review the files you’re working on, for example: “Review the UI components in apps/client for Web Interface Guidelines compliance.”

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 web frontend code for accessibility and UI compliance?▼

To audit web frontend code for accessibility and UI compliance, provide file paths or search patterns for review. The tool fetches the latest Web Interface Guidelines, scans the specified files, and reports matches in a file:line format for fast fixes.

What is a UI audit against Web Interface Guidelines?▼

A UI audit against Web Interface Guidelines is a code review process that identifies accessibility, usability, and best-practice compliance problems. It scans your user-provided file paths to catch UI inconsistencies and accessibility regressions in your web interface.

Can I review React or Expo web codebases for UX design issues before release?▼

Yes, you can review React or Expo web codebases for UX design issues before release. The review process targets user-provided file paths to detect accessibility regressions and UI inconsistencies early in your development workflow.

How do I check my web interface files for accessibility issues?▼

You check web interface files for accessibility issues by specifying the target files for a UX review. The system applies guidelines-based UI auditing to scan the code and outputs actionable findings in a consistent file:line format.

Do I need to configure a source to fetch web guidelines for a UI review?▼

Yes, fetching the latest guideline rules from a configured source is required to perform a UI review. The tool depends on these fetched rules to scan your specified files and identify web interface compliance problems accurately.

Related Skills

Explore More Design & Creative Skills→
JetBrainsJetBrains
302

web-design-guidelines

Fetch web interface guidelines and validate HTML, CSS, and JS files for noncompliant UI patterns.

Official
Intermediate
tnunamaktnunamak

web-design-guidelines

Review web UI code against Web Interface Guidelines and report violations in file:line format.

Community
Intermediate
mgd34msumgd34msu
4

storybook

Develop, document, and test UI components in isolation with Storybook.

Community
Intermediate
ivanrvpereiraivanrvpereira
17

web-design-guidelines

Audit UI code files against Web Interface Guidelines for accessibility violations in file:line format.

Community
Intermediate