web-design-guidelines

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

240|75|Updated Dec 3, 2020
One-click install
npx skills add https://github.com/mburumaxwell/paklo --skill web-design-guidelines-mburumaxwell
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/mburumaxwell/paklo/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/mburumaxwell/paklo --skill web-design-guidelines-mburumaxwell

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review UI code to ensure compliance with Web Interface Guidelines, helping teams catch accessibility and UX issues early.

Core Features & Use Cases

  • Fetch the latest Web Interface Guidelines and apply them to your project.
  • Analyze HTML/CSS/JS files and components against the guidelines.
  • Use Case: A designer or frontend engineer wants to verify a landing page adheres to accessibility and design consistency before launch.

Quick Start

Use the web-design-guidelines skill to review files or patterns such as index.html or src/**/*.jsx.

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 HTML and CSS for accessibility issues?

You can audit HTML and CSS for accessibility issues by reviewing UI code against Web Interface Guidelines to identify usability and consistency problems. The skill analyzes file patterns like index.html or src/**/*.jsx to report findings in a standardized format.

Can I check JavaScript components for UX and design consistency?

Yes, you can check JavaScript components for UX and design consistency. The skill analyzes HTML, CSS, and JavaScript files against fetched Web Interface Guidelines to identify usability and consistency issues across your project.

What is the best way to review UI code for accessibility before launch?

The best way to review UI code for accessibility before launch is to apply Web Interface Guidelines to your project files. The skill fetches the latest guidelines, applies all rules to your UI components, and reports findings concisely.

Does this accessibility review work with specific file patterns?

Yes, this accessibility review works with specific file patterns. You can target individual files or apply checks across projects using patterns such as index.html or src/**/*.jsx to review your UI code.

How do I get the latest web design guidelines applied to my frontend code?

To get the latest web design guidelines applied to your frontend code, the skill fetches rules directly from the source URL. It then applies all accessibility and UX rules to your HTML, CSS, and JavaScript components.

Why should I use automated UI code review for catching accessibility issues?

You should use automated UI code review to catch accessibility issues early in development. It fetches Web Interface Guidelines and applies them to your code, helping teams verify design consistency and usability before launch.