skills.rest
FlorinSenoner
FlorinSenonerCOMMUNITY
Explore all skills by this author →
GitHub

web-design-guidelines

Fetch latest Web Interface Guidelines and review UI code for compliance.

Updated Jan 24, 2026
Search Tags:#ui#code review#accessibility#web design#guidelines#ux
One-click install
npx skills add https://github.com/FlorinSenoner/the-dahan-codex --skill web-design-guidelines-florinsenoner
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-guidelines
Source: https://github.com/FlorinSenoner/the-dahan-codex/tree/main/.agents/skills/web-design-guidelines
Command: npx skills add https://github.com/FlorinSenoner/the-dahan-codex --skill web-design-guidelines-florinsenoner

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes 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

  • Automated Compliance Checks: Scans UI code against a predefined set of best practices and accessibility rules.
  • Guideline Fetching: Automatically retrieves the latest guidelines from a remote source before performing checks.
  • Use Case: Developers can use this skill to audit new UI components or existing pages for compliance before deployment, catching potential issues early.

Quick Start

Use the web-design-guidelines skill to review the accessibility of the UI code in the 'src/components/button' directory.

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 accessibility and web design compliance?▼

To review UI code for accessibility and web design compliance, the skill fetches the latest rules from a specified URL and performs automated, rule-based analysis on your provided files and patterns.

Can I audit new UI components against external web interface guidelines?▼

Yes, you can audit new UI components by providing the directory path, and the skill will scan the code against fetched external web interface guidelines to catch potential issues early.

What is automated UI code compliance checking?▼

Automated UI code compliance checking is a rule-based analysis that scans user interface code against established best practices to improve consistency, accessibility, and overall user experience.

How do I ensure my web design meets current accessibility standards?▼

You ensure your web design meets current accessibility standards by using a tool that automatically retrieves the latest remote guidelines and applies them to your codebase for auditing.

Does the guideline review process require fetching external rules?▼

Yes, the guideline review process requires fetching external rules, as the skill automatically retrieves the latest web interface guidelines from a remote source before performing checks.

What is the best way to catch accessibility issues before deployment?▼

The best way to catch accessibility issues before deployment is to run an automated compliance check that scans existing pages and UI components against predefined best practices.

Related Skills

Explore More Software Engineering Skills→
riethmayerriethmayer
2

web-design-guidelines

Fetch Web Interface Guidelines and report UI code violations in file:line format.

Community
Intermediate
obada-jarasobada-jaras

web-design-guidelines

Review UI code against Web Interface Guidelines and report violations in file:line format.

Community
Intermediate
krutikJainkrutikJain
14

android-testing-ui

Automate Compose UI tests and Espresso checks for Android applications.

Community
Advanced
logo-solutionslogo-solutions

browser-testing-with-devtools

Inspect live DOM, console, network, and performance state in Chromium-based browsers.

Official
Advanced