skills.rest
akashic-devkit
akashic-devkitOFFICIAL
Explore all skills by this author →
GitHub

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

2|1|Updated Sep 19, 2025
Search Tags:#code quality#accessibility#ui review#design audit#ux#web guidelines
One-click install
npx skills add https://github.com/akashic-devkit/akashic-devkit --skill web-design-guidelines-akashic-devkit
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/akashic-devkit/akashic-devkit/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/akashic-devkit/akashic-devkit --skill web-design-guidelines-akashic-devkit

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps ensure that web interface code adheres to established design and accessibility best practices, preventing common UI issues before they reach users.

Core Features & Use Cases

  • Automated Code Review: Scans specified files or patterns against a set of predefined web interface guidelines.
  • Compliance Checking: Verifies adherence to accessibility, usability, and design standards.
  • Use Case: Before merging a new feature's UI components, run this Skill to automatically audit the code for compliance with your team's established web interface guidelines.

Quick Start

Review the attached 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 audit UI code for accessibility and design best practices?▼

To audit UI code for accessibility and design best practices, you can review specified file paths or patterns against predefined web interface guidelines to verify compliance before merging components.

Can I check a specific component file for web interface guideline compliance?▼

Yes, you can check a specific component file for web interface guideline compliance by providing the target file path, such as 'src/components/Button.jsx', to apply the established accessibility and usability standards.

What is a web interface design audit for front-end development?▼

A web interface design audit is an automated code review process that scans front-end UI components to verify adherence to accessibility, usability, and design standards, preventing common UI issues from reaching users.

Do I need external guideline definitions to run a UI code review?▼

Yes, running a UI code review requires fetching external guideline definitions, which are then applied to your specified front-end file paths or patterns to check for compliance.

When should I run a design audit on my component library?▼

You should run a design audit on your component library before merging a new feature's user-facing UI components, ensuring the front-end code adheres to established web interface design and accessibility best practices.

Related Skills

Explore More Design & Creative Skills→
Temp-37538Temp-37538

web-design-guidelines

Review UI code for compliance with Web Interface Guidelines.

Community
Intermediate
citywalkicitywalki

web-design-guidelines

Identify UI code violating Web Interface Guidelines and report violations.

Community
Intermediate
mklozmkloz

web-design-guidelines

Check UI code compliance with Web Interface Guidelines for accessibility and design standards.

Community
Intermediate
code-rabicode-rabi

web-design-guidelines

Evaluate web interface code for industry standards and accessibility compliance.

Official
Intermediate