skills.rest
hujianbest
hujianbestCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ext-ui-design

Enforce UI design and accessibility standards across development stages.

51|23|Updated Apr 16, 2026
Search Tags:#code quality#accessibility#development automation#UI design#standards compliance
One-click install
npx skills add https://github.com/hujianbest/harness-flow --skill ext-ui-design
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ext-ui-design
Source: https://github.com/hujianbest/harness-flow/tree/main/skills/ext-ui-design
Command: npx skills add https://github.com/hujianbest/harness-flow --skill ext-ui-design

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses the challenge of ensuring consistent UI design and accessibility compliance in software development, reducing the time and effort required for manual review and correction.

Core Features & Use Cases

  • UI Design Standards Compliance: Enforces information architecture, interaction states, and design token usage in plan, build, and verify stages.
  • Accessibility Compliance: Ensures text contrast, keyboard navigation, and semantic HTML usage for accessibility.
  • Use Case: For a feature that involves a user interface, this Skill ensures that the UI design follows best practices and is accessible, reducing the risk of compliance issues.

Quick Start

Apply the 'ext-ui-design' skill to your project to ensure UI design and accessibility compliance.

Frequently Asked Questions about ext-ui-design

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

FAQPage Schema
How do I enforce WCAG AA compliance during UI development?▼

You can enforce UI design standards by automating checks for information architecture, interaction states, and design token usage across the plan, build, and verify development stages.

What is the best way to automate accessibility compliance checks for a new user interface feature?▼

The best way to automate accessibility compliance is to apply a skill that validates semantic HTML, keyboard navigation, and text contrast against WCAG AA standards, reducing manual review efforts.

Can I use design tokens to maintain UI design standards across development stages?▼

Yes, you can use design tokens to maintain UI design standards by enforcing their correct application and verifying information architecture compliance throughout the development workflow.

Does UI design automation check both interaction states and information architecture?▼

UI design automation does check both interaction states and information architecture, applying design token best practices to ensure standards compliance across all development phases.

Why does manual accessibility review take so much time and how can I reduce it?▼

Manual accessibility review takes significant time because it requires checking contrast, semantic HTML, and keyboard navigation manually; automating WCAG AA compliance checks reduces this effort.

Related Skills

Explore More Software Engineering Skills→
Yoriichi-DangYoriichi-Dang

design-system-patterns

Codify design tokens, theming, and component APIs for scalable design systems.

Community
Advanced
ryan0122ryan0122

design-system

Validate design system tokens against WCAG AA/AAA contrast and focus requirements.

Community
Advanced
kanopikanopi
16

accessibility-checker

Validate UI elements for WCAG 2.1 AA accessibility criteria.

Official
Intermediate
dbrijeshdbrijesh

review-gates

Manage structured human review checkpoints for code, security, architecture, and database changes.

Community
Advanced