skills.rest
nisshi-dev
nisshi-devCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-design-guidelines

Review UI code against fetched Web Interface Guidelines rule sets.

Updated Feb 14, 2026
Search Tags:#design#ui#code review#accessibility#compliance#guidelines
One-click install
npx skills add https://github.com/nisshi-dev/nisshi-dev-survey --skill web-design-guidelines-nisshi-dev
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/nisshi-dev/nisshi-dev-survey/tree/main/.claude/skills/web-design-guidelines
Command: npx skills add https://github.com/nisshi-dev/nisshi-dev-survey --skill web-design-guidelines-nisshi-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill ensures that UI code adheres to established Web Interface Guidelines, improving consistency, accessibility, and overall quality.

Core Features & Use Cases

  • Automated Code Review: Scans specified files against a comprehensive set of UI best practices.
  • Compliance Checking: Verifies adherence to accessibility standards and design principles.
  • Use Case: A developer can use this skill to automatically check a new component's code against the latest design guidelines before merging it into the main branch.

Quick Start

Review the file 'src/components/Button.tsx' 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 review UI code for compliance with web design guidelines?▼

You can automate UI code review by fetching the latest web interface guidelines and comparing them against specified files. This Skill audits user interface code for accessibility, design consistency, and best practices compliance.

Can I check my component files for accessibility and design consistency automatically?▼

Yes, you can check component files for accessibility and design consistency automatically. By pointing the Skill at files like 'src/components/Button.tsx', it audits the code against fetched markdown rule sets to ensure adherence to established guidelines.

What is the best way to audit user interface code before merging?▼

The best way to audit user interface code before merging is to run an automated compliance check against web interface guidelines. This Skill fetches external markdown rule sets and applies them to your code targets to verify accessibility and design principles.

Do I need external markdown files to check UI code adherence?▼

Yes, you need external markdown files containing rule sets to check UI code adherence. The Skill requires fetching these external markdown files to apply the latest web interface guidelines to your user-provided code targets during the review process.

Does the UI code review process support specific file patterns?▼

Yes, the UI code review process supports specific file patterns. You can specify individual files like 'src/components/Button.tsx' or broader patterns for the Skill to scan against the fetched web interface guidelines for compliance and best practices.

Related Skills

Explore More Software Engineering Skills→
ulasalyesilulasalyesil

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Community
Intermediate
lyzno1lyzno1
1

web-design-guidelines

Audit UI code against current Web Interface Guidelines for accessibility and consistency.

Community
Basic
notbozhonotbozho

web-design-guidelines

Enforce Web Interface Guidelines compliance across UI codebases.

Community
Intermediate
dappvibedappvibe
1

web-design-guidelines

Analyze UI code for compliance with Web Interface Guidelines.

Community
Intermediate