skills.rest
novskidev
novskidevCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Review UI code against the latest Web Interface Guidelines.

2|Updated Jan 27, 2026
Search Tags:#code review#best practices#accessibility#web design#ui guidelines
One-click install
npx skills add https://github.com/novskidev/codex-skill-template --skill web-design-guidelines-novskidev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/novskidev/codex-skill-template/tree/main/skills/web-design-guidelines
Command: npx skills add https://github.com/novskidev/codex-skill-template --skill web-design-guidelines-novskidev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Streamlines the process of reviewing UI code for compliance with established Web Interface Guidelines.

Core Features & Use Cases

  • Compliance Checking: Automatically assess UI code against Web Interface Guidelines.
  • Guideline Updates: Fetches the latest guidelines before each review to ensure up-to-date assessments.
  • Use Case: A developer can use this skill to review a UI component and immediately receive feedback on any non-compliant elements.

Quick Start

To review a UI component, run the command: web-design-guidelines <file-or-pattern>

Frequently Asked Questions about web-design-guidelines

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I check if my UI code follows web design guidelines?▼

A UI code review for web design guidelines fetches the latest compliance standards and assesses your provided files against those best practices. It automatically identifies non-compliant elements in your UI components.

What is the best way to automate accessibility checks during a UI code review?▼

Automating accessibility checks involves running a review script against your UI code files to detect non-compliant elements. This ensures your web interface adheres to established accessibility and design best practices.

How do I review a UI component for best practices compliance?▼

You can review a UI component for best practices compliance by executing a command with the file or pattern name. The tool applies dynamically fetched web interface guidelines to your code and provides immediate feedback on violations.

Does the web design guidelines review tool work without external dependencies?▼

Yes, the web design guidelines review tool operates without external dependencies. It dynamically fetches the latest guidelines before each review to ensure your UI code assessments are always up-to-date.

Why do I need to fetch guidelines dynamically for a UI code review?▼

Fetching guidelines dynamically for a UI code review ensures your assessments always reflect the most current web interface standards. This prevents outdated compliance checks and maintains best practice accuracy.

Related Skills

Explore More Software Engineering Skills→
haryelramalhoharyelramalho

web-design-guidelines

Review UI code against Web Interface Guidelines and return file:line findings.

Community
Intermediate
kmshihab7878kmshihab7878
6

fixing-accessibility

Fix accessibility issues in web UI components with WCAG-compliant code suggestions.

Community
Intermediate
R2W1csR2W1cs
1

lint-and-validate

Lint and validate JavaScript and Python code for syntax and style issues.

Community
Intermediate
samymitysamymity
1

browser-qa

Automate end-to-end browser QA for web applications with smoke, interaction, visual regression, and accessibility checks.

Community
Intermediate