Skills
.Work. You
Rest

UI Standards Skill

Community

Build consistent, accessible UIs.

Design & Creative#ui#accessibility#frontend#design system#components#ux
Authorjamesvgibbs
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides a comprehensive guide to ensure UI consistency, accessibility, and adherence to best practices across the application, reducing development time and improving user experience.

Core Features & Use Cases

  • Design System Enforcement: Defines and enforces consistent use of colors, typography, spacing, and components.
  • Accessibility Standards: Outlines WCAG 2.1 AA compliance guidelines, including color contrast, keyboard navigation, and ARIA patterns.
  • Component Best Practices: Details correct usage for buttons, forms, navigation, and data display elements.
  • Use Case: A new developer can use this Skill to quickly understand and implement the correct styling and accessibility for a new feature, ensuring it aligns with the existing design language.

Quick Start

Follow the UI Standards Skill to ensure all new components meet accessibility and design guidelines.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: UI Standards Skill
Download link: https://github.com/jamesvgibbs/tableflow/archive/main.zip#ui-standards-skill

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.