skills.rest
FrekiManagarm
FrekiManagarmCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Review UI source files against the latest Web Interface Guidelines.

Updated Feb 24, 2026
Search Tags:#accessibility#design guidelines#ui audit#ux compliance#frontend review#file line findings
One-click install
npx skills add https://github.com/FrekiManagarm/dunlo --skill web-design-guidelines-frekimanagarm
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/FrekiManagarm/dunlo/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/FrekiManagarm/dunlo --skill web-design-guidelines-frekimanagarm

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps teams catch accessibility and design/UX compliance issues early by reviewing UI code against the Web Interface Guidelines.

Core Features & Use Cases

  • Guideline-driven audits: Fetches the latest official Web Interface Guidelines rules before each review to ensure findings are current.
  • Targeted file or pattern review: Reviews user-specified files or patterns to focus on the areas you care about.
  • Actionable output format: Reports issues in the terse file:line format so developers can fix problems quickly.

Use case: You’re preparing a release and want confidence that key UI screens follow accessibility and best-practice guidance, then you use this Skill to scan the relevant React/TSX/Tailwind files and see exact line locations needing attention.

Quick Start

Ask the assistant to review the file or pattern you want audited 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 UI code for accessibility and UX compliance before a release?▼

To audit UI code for accessibility and UX compliance, review your interface source files against the latest Web Interface Guidelines. The tool fetches current rules, applies them to your specified files, and reports exact line locations needing attention in a file:line format.

Can I check specific React or TSX files for web design guideline violations?▼

Yes, you can check specific React or TSX files for web design guideline violations by providing targeted file paths or patterns. The review focuses only on the specified areas, applying current rules and outputting issues in a terse file:line format for quick fixes.

What is a UI compliance audit and how does it identify accessibility issues?▼

A UI compliance audit reviews user interface source files against established Web Interface Guidelines to identify accessibility issues. It fetches the current rule set, applies those rules deterministically to your code, and reports specific findings in a file:line format for developer action.

Does the tool fetch the latest Web Interface Guidelines rules for every review?▼

Yes, the tool fetches the latest official Web Interface Guidelines rules before each review to ensure findings are current. It retrieves the rule set from a configured source URL, applies it to your files, and reports compliance issues in a file:line format.

How do I locate exact lines in my frontend code that fail UX best-practice reviews?▼

To locate exact lines failing UX best-practice reviews, scan your files using this guideline-driven audit. It applies the latest Web Interface Guidelines to your source code and outputs findings in a terse file:line format, pinpointing exact locations needing attention.

Related Skills

Explore More Design & Creative Skills→
Michae2xlMichae2xl

web-design-guidelines

Review UI code against Web Interface Guidelines for compliance issues.

Community
Intermediate
arthtyagiarthtyagi
1

web-design-guidelines

Review UI code against the latest Web Interface Guidelines.

Community
Intermediate
mhfedmhfed

web-design-guidelines

Review UI code for web interface guideline compliance and accessibility issues.

Community
Intermediate
CivicActionsCivicActions
2

accessibility-audit

Audit web pages and components for WCAG 2.1 AA and Section 508 compliance.

Official
Advanced