skills.rest
Palomig
PalomigCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code against Web Interface Guidelines for accessibility and design compliance.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps ensure that web interfaces adhere to established design and accessibility best practices, improving user experience and consistency.

Core Features & Use Cases

  • UI Code Review: Analyzes code against a predefined set of web interface guidelines.
  • Accessibility Checks: Identifies potential accessibility issues within the UI code.
  • Design Auditing: Verifies that the user interface aligns with best practices.
  • Use Case: A developer can use this skill to automatically check a new component's code against the company's design system before merging it.

Quick Start

Review the UI code in the 'src/components' directory for guideline 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 UI code for accessibility and design compliance?▼

You can audit UI code by fetching established web interface guidelines from a specified URL and applying them directly to your front-end codebase to identify accessibility issues and design inconsistencies.

Can I check a specific component directory against web design guidelines?▼

Yes, you can target specific files or patterns within your front-end codebase, such as the 'src/components' directory, to verify that individual UI components align with your design system before merging.

What does a web interface design review check for?▼

A web interface design review checks your UI code against predefined web guidelines, scanning for accessibility barriers and verifying that the user interface follows established design best practices.

Do I need to provide my own web guidelines for the code audit?▼

Yes, the audit requires fetching the latest web interface guidelines from a specified URL, allowing you to apply your organization's specific design system and accessibility standards to the provided code.

How do I ensure my front-end codebase meets UX best practices before merging?▼

Automate a design audit by applying fetched web interface guidelines to your front-end codebase, which identifies potential accessibility issues and ensures consistent user experience across new components.

Related Skills

Explore More Design & Creative Skills→
gesmith0606gesmith0606

web-design-guidelines

Audit HTML and CSS files against Web Interface Guidelines.

Community
Intermediate
Pancake-QPancake-Q
1

web-design-guidelines

Check UI code against Web Interface Guidelines for accessibility and UX compliance.

Community
Intermediate
uni-helperuni-helper
95

web-design-guidelines

Analyze UI code for compliance with Web Interface Guidelines.

Official
Intermediate
createtree2017createtree2017

web-design-guidelines

Audit React/TypeScript web interfaces against Web Interface Guidelines for UI, UX, and accessibility issues.

Community
Intermediate