skills.rest
ccsert
ccsertCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Enforce Web Interface Guidelines compliance across UI code files.

Updated Aug 27, 2026
Search Tags:#accessibility#compliance#web-design#design-guidelines#ui-review#ux-audit
One-click install
npx skills add https://github.com/ccsert/note-forge --skill web-design-guidelines-ccsert
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/ccsert/note-forge/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/ccsert/note-forge --skill web-design-guidelines-ccsert

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams verify that UI code adheres to Web Interface Guidelines, ensuring accessibility, consistency, and usability across web interfaces.

Core Features & Use Cases

  • Guideline Conformance: Evaluate UI code against the latest Web Interface Guidelines.
  • Accessibility & UX Reviews: Identify accessibility gaps and UX inconsistencies across components, pages, and interactions.
  • Use Case: When asked to review a site or component, apply guidelines and report issues to enable rapid remediation.

Quick Start

Inspect the target UI files and trigger guideline checks using the provided source URL to fetch rules.

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

A UX audit involves evaluating UI code against Web Interface Guidelines to identify accessibility gaps and UX inconsistencies across components, pages, and interactions for rapid remediation.

How do I run a UX audit on web interface components?▼

A UX audit involves evaluating UI code against Web Interface Guidelines to identify accessibility gaps and UX inconsistencies across components, pages, and interactions for rapid remediation.

How do I report accessibility issues found during a UI review?▼

Reporting accessibility issues involves outputting findings in a terse file:line format after applying rules from the fetched Web Interface Guidelines to the target UI files.

Can I check design guideline conformity across multiple web pages?▼

Yes, you can check design guideline conformity across multiple web pages by specifying target files or patterns, which the Skill inspects to enforce Web Interface Guidelines compliance.

Do I need to provide a source URL to perform an accessibility check?▼

Yes, performing an accessibility check requires fetching guidelines from a provided source URL to apply all rules to the target UI code and output findings.

Related Skills

Explore More Design & Creative Skills→
riethmayerriethmayer
2

web-design-guidelines

Fetch Web Interface Guidelines and report UI code violations in file:line format.

Community
Intermediate
gileckgileck

web-design-guidelines

Audit UI code against the latest Web Interface Guidelines.

Community
Basic
kindfi-orgkindfi-org
19

web-design-guidelines

Assess UI code against Web Interface Guidelines for accessibility and design issues.

Official
Intermediate
securityfortechsecurityfortech
6

cookie-attacks

Audit web application session cookies for missing security attributes and invalidation flaws.

Official
Advanced