skills.rest
boazcstrike
boazcstrikeCOMMUNITY
Explore all skills by this author →
Website𝕏@boazcstrikeGitHub

web-design-guidelines

Review UI code against Web Interface Guidelines for accessibility compliance.

3|Updated Dec 23, 2025
Search Tags:#ui#code review#accessibility#web design#guidelines#ux
One-click install
npx skills add https://github.com/boazcstrike/opencode --skill web-design-guidelines-boazcstrike
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/boazcstrike/opencode/tree/main/skills/web-design-guidelines
Command: npx skills add https://github.com/boazcstrike/opencode --skill web-design-guidelines-boazcstrike

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps ensure that user interface code adheres to established Web Interface Guidelines, improving consistency, accessibility, and overall user experience.

Core Features & Use Cases

  • Compliance Review: Audits UI code against a defined set of web design best practices.
  • Accessibility Checks: Identifies potential accessibility issues within the interface.
  • Use Case: A developer can use this skill to quickly check a new component's UI code against Vercel's Web Interface Guidelines before merging it into the main branch.

Quick Start

Review the UI code in the file 'src/components/Button.jsx' for 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 check my UI code for web design guidelines compliance?▼

To check UI code for web design guidelines compliance, review the code against established web interface standards to identify accessibility issues and best practice violations, outputting findings in a terse file:line format.

What is the best way to audit front-end components for accessibility?▼

Auditing front-end components for accessibility involves reviewing UI code against web interface guidelines to detect issues and ensure adherence to design system validation and quality assurance practices.

Can I validate a specific JSX file against web interface guidelines?▼

Yes, you can validate a specific JSX file by targeting the file path like 'src/components/Button.jsx' during the review process to check its UI code for compliance with web interface guidelines.

How does fetching the latest web design guidelines from a URL work?▼

Fetching the latest web design guidelines from a URL works by retrieving the specified standards document dynamically, ensuring the UI code review checks against the most current accessibility and best practice requirements.

What format does the UI code accessibility review output use?▼

The UI code accessibility review outputs findings in a terse file:line format, pinpointing exact locations of web interface guideline violations to streamline front-end development workflows.

Do I need additional dependencies to review UI code for web standards?▼

No additional dependencies are required to review UI code for web standards; the process uses built-in scripts and references to audit front-end code for accessibility and design guideline compliance.

Related Skills

Explore More Design & Creative Skills→
hidonguyenhidonguyen

ck:web-design-guidelines

Review HTML, CSS, and React files against fetched web interface guidelines.

Community
Intermediate
coco-researchcoco-research
264

web-design-guidelines

Review UI code against Web Interface Guidelines and flag violations.

Community
Intermediate
joelhooksjoelhooks
61

web-design-guidelines

Review UI code for web interface guideline compliance and accessibility.

Community
Basic
kevinxo328kevinxo328
5

web-design-guidelines

Review HTML, CSS, and frontend files against Web Interface Guidelines.

Community
Intermediate