skills.rest
featurectrl
featurectrlOFFICIAL
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Compare frontend files against Web Interface Guidelines and report violations in file:line format.

Updated Apr 24, 2026
Search Tags:#ui#accessibility#frontend#audit#guidelines#code-review#design-review
One-click install
npx skills add https://github.com/featurectrl/website --skill web-design-guidelines-featurectrl
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/featurectrl/website/tree/main/.claude/skills/web-design-guidelines
Command: npx skills add https://github.com/featurectrl/website --skill web-design-guidelines-featurectrl

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure UI code complies with Web Interface Guidelines, enabling teams to evaluate consistency, accessibility, and UX quality across codebases.

Core Features & Use Cases

  • Guideline-driven review: fetch up-to-date rules from the official source and compare against target files.
  • File-pattern auditing: apply checks to specified files or glob patterns to surface violations in a terse file:line format.
  • Use Case: run this Skill on a frontend repo to verify accessibility compliance and design consistency before release.

Quick Start

Provide the files or pattern you want reviewed, then fetch and apply the latest Web Interface Guidelines to produce line-precise findings.

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

UI guideline audits check codebases against centralized Web Interface Guidelines by fetching up-to-date rules, parsing specified files or glob patterns, and reporting accessibility and consistency violations in a file:line format.

What is the best way to check design consistency across a frontend repo before release?▼

The best way to check design consistency is running a guideline-driven review on your frontend repo, which compares specified files against centralized Web Interface Guidelines and surfaces violations in a precise file:line format.

Can I run an accessibility review on specific file patterns in my codebase?▼

Yes, you can audit specific file patterns by providing glob patterns, and the tool will apply Web Interface Guidelines checks to those files and report violations in a file:line format.

Does this UI guideline review work with any frontend repo?▼

This UI guideline review works with any frontend repo or design-heavy project, requiring no dependencies to parse specified files against centralized Web Interface Guidelines and report accessibility violations.

How do I get line-precise results when reviewing UI code for best practices?▼

You get line-precise results by running a guideline-driven review that fetches up-to-date rules, parses specified files against Web Interface Guidelines, and outputs findings in a file:line format.

Related Skills

Explore More Design & Creative Skills→
Matrix-The-OneMatrix-The-One

web-design-guidelines

Audit UI code against Web Interface Guidelines for accessibility and UX gaps.

Community
Intermediate
amano--amano--

web-design-guidelines

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

Community
Intermediate
t0labt0lab
2

web-design-guidelines

Review UI code against Web Interface Guidelines and output file:line findings.

Official
Intermediate
alexwoxalexwox

web-design-guidelines

Review UI code against Web Interface Guidelines and output file:line findings.

Community
Intermediate