thedaviddiasCommunity·94 Agent Skills Included

ux-patterns-for-developers

Accessible UX pattern guides for forms, navigation, and dashboards

Provides 92 ready-to-use UX pattern guides covering forms, navigation, data display, authentication, e-commerce, and AI interfaces. Eliminates guesswork around accessibility, keyboard support, ARIA attributes, and performance budgets for common interface components. Helps developers and designers pick the right pattern, avoid common mistakes, and ship consistent interfaces faster.

228|18

↗

npx skills add thedaviddias/ux-patterns-for-developers --all -g -y

Available:

Gives your AI agent collaboration rules, task-tracking conventions, and subagent delegation instructions for working on this repository's pattern documentation and skills.

All Skills in This Repository (94)

Pure Emerald Level Indicators

📦 In Repo

thedaviddias

upstash-ratelimit-ts

Implement rate limiting with the Upstash Redis Rate Limiter TypeScript SDK.

Button

Document button anatomy, variations, accessibility standards, and testing for triggering actions and submitting forms.

AI Suggestions

Generate inline prompt completions and context-aware suggestions for text inputs.

Infinite scroll

Implement an infinite scroll UI pattern for dynamically loading content.

Statistics Display

Display key metrics and statistics for dashboards and landing pages.

Tabs

Implements tabbed interfaces with ARIA keyboard navigation and responsive design for organizing content into switchable views.

Social Login

Integrate OAuth 2.0 and OpenID Connect for user authentication via social providers.

Sidebar

Organize site navigation into a persistent vertical panel with nested collapsible sections.

Share Dialog

Implement a standardized Share Dialog for social sharing actions.

Image Upload

Upload and preview images with validation and replacement options.

Pagination

Implement accessible pagination controls with ARIA attributes and keyboard navigation.

Hamburger Menu

Implement a responsive hamburger menu with ARIA attributes and keyboard support.

Community

Intermediate

Frequently Asked Questions

FAQPage Schema

How to install ux-patterns-for-developers?▼

Run `npx skills add thedaviddias/ux-patterns-for-developers --all -g -y` in your terminal to install all 92 pattern skills globally.

What UX patterns does this collection cover?▼

It covers 92 patterns across forms, navigation, data display, authentication, e-commerce, social features, media, and AI interfaces like chat and streaming responses.

How do these skills improve accessibility?▼

Each pattern includes keyboard interaction tables, ARIA attribute requirements, screen reader guidance, and contrast rules so your agent builds accessible components by default.

Does it work with Claude Code and Cursor?▼

Yes. Every pattern follows the standard SKILL.md format, so it works in Claude Code, Cursor, Codex, and other compatible coding environments.

Can non-developers use these UX patterns?▼

Yes. Each guide explains when to use or avoid a pattern in plain language, making it useful for product managers and designers reviewing interface decisions.