Skills
.Work. You
Rest

ux-principles

Community

Accessible UI guidelines for the assistant.

Design & Creative#theming#accessibility#ux#responsive-design#semantic-html#web-ui#aria
Authorcedricziel
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Improve accessibility, consistency, and responsiveness of the assistant's web UI by applying standardized UX patterns across templates, components, and styling.

Core Features & Use Cases

  • Accessible HTML and ARIA usage to enhance screen reader navigation and focus management.
  • Keyboard-friendly navigation and focus handling to ensure all interactive elements are operable by keyboard.
  • Responsive breakpoints and dark-theme colour tokens to maintain a cohesive, accessible UI across devices.
  • No inline JavaScript policy, enforcing external JS and data-driven interactions for CSP and maintainability. Use when building or reviewing any web-facing HTML/CSS in this project.

Quick Start

Review and apply the UX principles to an existing web page to ensure accessibility, consistency, and maintainable code.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: ux-principles
Download link: https://github.com/cedricziel/assistant/archive/main.zip#ux-principles

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.