skills.rest
Ikki-Group
Ikki-GroupOFFICIAL
Explore all skills by this author →
GitHub

web-design-guidelines

Evaluate UI code against Web Interface Guidelines and output findings in file:line format.

Updated Jan 24, 2026
Search Tags:#design#accessibility#guidelines#ux#web-design#ui-review
One-click install
npx skills add https://github.com/Ikki-Group/erp --skill web-design-guidelines-ikki-group
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/Ikki-Group/erp/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/Ikki-Group/erp --skill web-design-guidelines-ikki-group

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Enables rapid evaluation of web interfaces against established Web Interface Guidelines to identify design and accessibility issues.

Core Features & Use Cases

  • Guideline-based review: Check UI code against up-to-date web interface rules to spot deviations.
  • Accessibility checks: Identify contrast, keyboard navigation, and ARIA issues to improve inclusivity.
  • Use Case: Run a quick audit on a new landing page to ensure it meets alignment, readability, and interaction standards.

Quick Start

Provide the UI files or patterns to review, and I will assess them against the latest 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 UI code for web accessibility and UX compliance?▼

You can audit UI code by providing UI files or patterns for rule-based analysis against established Web Interface Guidelines, receiving findings in a file:line format that identifies accessibility and design deviations.

What accessibility checks can I run on web interface components?▼

Accessibility checks identify contrast, keyboard navigation, and ARIA issues to improve inclusivity. They evaluate your UI code against up-to-date web interface rules to spot deviations and ensure readability.

Can I use this to check alignment and readability issues on a landing page?▼

Yes, you can run a quick audit on a landing page to ensure it meets alignment, readability, and interaction standards by evaluating the UI code against the latest Web Interface Guidelines.

What is the output format for web design guideline reviews?▼

The output format for web design guideline reviews is a guideline-prescribed file:line format, detailing specific findings from the rule-based analysis of your UI code against established interface standards.

Do I need to manually fetch the guideline document for a UX verification check?▼

No, you do not need to manually fetch the guideline document for a UX verification check. The review process performs rule-based analysis against a fetched guideline document automatically.

When should I run a UI review against web interface guidelines?▼

You should run a UI review against web interface guidelines when you need to rapidly evaluate web interfaces, identify design issues, or verify UX compliance before deploying new landing pages or UI patterns.

Related Skills

Explore More Design & Creative Skills→
uni-helperuni-helper
95

web-design-guidelines

Analyze UI code for compliance with Web Interface Guidelines.

Official
Intermediate
ehylandehyland

web-design-guidelines

Evaluate HTML, CSS, and JavaScript UI code against Web Interface Guidelines.

Community
Intermediate
nanorepublicananorepublica
61

Global Tech Stack

Validate code against centralized global tech stack standards.

Community
Basic
joeylife94joeylife94

browse

Automate website QA tests with headless browser interactions and screenshots using Playwright.

Community
Advanced