web-design-guidelines

Audit UI assets against web interface guidelines and report findings.

1|Updated Feb 26, 2026
One-click install
npx skills add https://github.com/supersterling/primus --skill web-design-guidelines-supersterling
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/supersterling/primus/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/supersterling/primus --skill web-design-guidelines-supersterling

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web interfaces often suffer from inconsistent design, accessibility gaps, and non-reusable patterns across projects. This skill helps teams systematically review UI code against official web-interface guidelines to raise quality and consistency.

Core Features & Use Cases

  • Guideline conformance: checks UI components, styles, and markup for accessibility and UX best practices.
  • Automated review: fetches the latest guidelines and applies them to provided project files.
  • Use Case: Imagine reviewing a large design system or a new UI feature to ensure it meets accessibility and design tokens before deployment.

Quick Start

Run a UI review against the latest project files to ensure compliance with web-interface guidelines.

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 best practices?

To audit UI code for accessibility and UX best practices, the skill fetches the latest web interface guidelines, parses target project files, and reports findings in a standardized file-and-line format. This enforces conformance across components and styles.

What is the best way to review a design system for accessibility gaps?

Reviewing a design system for accessibility gaps is done by systematically checking UI components and markup against official web-interface guidelines. This automated review identifies non-reusable patterns and enforces consistency across the project before deployment.

Can I check individual web app components for guideline compliance?

Yes, you can check individual web app components for guideline compliance. The skill applies its review logic to individual components, entire codebases, and design systems to audit UI quality and report specific file-and-line findings.

How does automated UI review handle design tokens and consistency?

Automated UI review handles design tokens and consistency by fetching the latest guidelines and applying them to provided project files. It identifies inconsistent design patterns and enforces web interface standards to raise overall UI quality.

Do I need to provide my own web design guidelines for the review?

No, you do not need to provide your own web design guidelines for the review. The skill automatically fetches the latest official web-interface guidelines to parse target files and report compliance findings.

Why does my web interface suffer from inconsistent design and accessibility gaps?

Web interfaces suffer from inconsistent design and accessibility gaps due to non-reusable patterns across projects. Systematically reviewing UI code against official web-interface guidelines helps identify these issues and raise quality and consistency.