Skip to content
Agentmart
Submit a tool

ux-standards

Interaction, accessibility and content-structure standards for anything users touch.

Skill by bibutikoley

IndexedMIT★ 3
Write a review

Install

Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.

npx agentmarket install skill/bibutikoley-ux-standards

Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.

Get the weekly diff

The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.

We use your email only for this newsletter. Privacy

About

Interaction, accessibility and content-structure standards for anything users touch. Use when writing spec.md for a user-facing change, designing flows or states, building or reviewing UI, or comparing an implementation to a mock.

Use cases: design, writing

Reviews

Write a review

No reviews yet. Installed it? Reviews come from verified installers only. How reviews work

Permissions

What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.

Tools
No tools found
Secrets
None asked for
Install scripts
None found

Network hosts it talks to 1

  • codeload.github.com · found in install command

Files it touches

  • ~/.claude/skills/ux-standards

What's inside

Skill name
ux-standards
Description
Interaction, accessibility and content-structure standards for anything users touch. Use when writing spec.md for a user-facing change, designing flows or states, building or reviewing UI, or comparing an implementation to a mock.
License
MIT
Instructions
28 lines in SKILL.md · view on GitHub

Files (1)

  • SKILL.md

SKILL.md (first lines)

<!-- TEMPLATE. Replace <...> with your UX standards. Keep to one page.
     Source of truth: <link to UX standards / accessibility policy>   Owner: <head of design / accessibility lead>   Last reviewed: <YYYY-MM-DD> -->
# UX standards

## Every screen and component defines
- Loading, empty, error and success states, with copy for each.
- What happens on slow networks (skeletons after <300 ms>, timeouts after <10 s> with retry).
- Keyboard path and screen-reader announcements for every interaction.

## Accessibility
- Conform to <WCAG 2.2 AA>. Colour is never the only carrier of meaning.
- Touch targets <44x44 px>; focus order follows reading order; no keyboard traps.
- Forms: labels always visible, errors inline and announced, no placeholder-as-label.

## Flows
- Prefer progressive disclosure over modals; confirm only destructive or irreversible actions.
- Never block the primary task for secondary asks (surveys, upsells, cookie banners beyond legal need).
- Preserve user input on error; never make people re-enter data.

## Content
- One primary action per screen. Buttons say what they do ("Save changes", not "OK").
- Dates, money and numbers use the user's locale via <the i18n layer>.

## How to apply
- spec.md "User experience" lists states, keyboard path and accessibility notes per component.
- Build (`/sdlc:build`, `/sdlc:verify --ui`) compares screenshots against the approved mock and these states.
- In review, missing states or accessibility failures are **Important**.

From bibutikoley/ai-sdlc-claude, MIT.

More from bibutikoley/ai-sdlc-claude

Signals

Stars
3
Forks
0
Open issues
0
Last commit (this folder)
Sep 5, 2026 (1 month ago)

From GitHub (fetched Oct 24, 2026).

Details

License
MIT
Repository
github.com/bibutikoley/ai-sdlc-claude
Website
bibutikoley.github.io/ai-sdlc-claude/
First seen
Oct 24, 2026
Last checked
Oct 24, 2026
Source
GitHubgithub-graphql

More from bibutikoley

Cite this page

ux-standards skill. Agent Mart. https://agentmart.dev/skills/bibutikoley-ux-standards (last updated 2026-10-24)