skills.rest
FnSK4R17s
FnSK4R17sCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Audit UI code for Web Interface Guidelines compliance and report violations.

1|Updated Nov 28, 2025
Search Tags:#consistency#accessibility#frontend#design-review#ui-review#web-guidelines
One-click install
npx skills add https://github.com/FnSK4R17s/chakravarti-cli --skill web-design-guidelines-fnsk4r17s
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/FnSK4R17s/chakravarti-cli/tree/main/.agent/skills/web-design-guidelines
Command: npx skills add https://github.com/FnSK4R17s/chakravarti-cli --skill web-design-guidelines-fnsk4r17s

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

Core Features & Use Cases

  • Guideline compliance checks: Compare UI code against the latest Web Interface Guidelines.
  • Accessibility auditing: Identify contrast, keyboard navigation, focus management, and ARIA usage issues.
  • Design consistency reviews: Flag deviations from established design tokens and patterns across pages or components.
  • Use Case: A design lead asks to audit a UI repo for accessibility conformance before a release.

Quick Start

Use this skill to review the UI in your repository against the latest guidelines whenever you prepare an accessibility or design consistency audit.

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 design consistency?▼

You can audit UI code for accessibility by running a review against the latest Web Interface Guidelines. The skill analyzes specified frontend files to identify contrast, keyboard navigation, focus management, and ARIA usage issues, generating a structured violation report.

What is checked during a UI code review for Web Interface Guidelines compliance?▼

A UI code review for Web Interface Guidelines compliance checks accessibility, contrast, keyboard navigation, focus management, and ARIA usage. It also flags deviations from established design tokens and patterns to ensure design consistency across pages and components.

How do I check my website against the latest web design best practices?▼

To check your website against the latest web design best practices, the skill fetches current Web Interface Guidelines and compares your UI code against them. It evaluates accessibility conformance and design consistency, outputting a detailed report of any compliance violations.

Can I use this to audit a design system repository before a release?▼

Yes, you can use this skill to audit a design system repository before a release. It applies to frontend repositories and design systems to review accessibility conformance and design consistency, outputting a structured report of violations to help ensure compliance.

What is the best way to review UX and flag design token deviations across components?▼

The best way to review UX and flag design token deviations is to audit UI code against established Web Interface Guidelines. The skill analyzes your frontend files to identify inconsistencies across pages and components, delivering a structured report of deviations.

Related Skills

Explore More Design & Creative Skills→
vrcmsvrcms
1

design-system

Analyze codebase styling patterns to generate design tokens and audit visual consistency.

Community
Advanced
spartDevspartDev
6

Design System Compliance

Enforce design-system compliance for UI components with dark mode and accessibility requirements.

Community
Intermediate
HomericIntelligenceHomericIntelligence
18

quality-run-linters

Run Mojo format, markdownlint, and pre-commit hooks for code quality checks.

Official
Intermediate
mgiffordmgifford

module-testing

Analyze Drupal module impact on accessibility violations via automated testing.

Community
Advanced