Repository
thedaviddias/ux-patterns-for-developers agent skills
- skills
- 92
- GitHub stars
- 258
GitHub description: “🧩 Developer ecosystem for UX patterns: comprehensive docs, ready-to-use components, and real-world examples”
- Stars
- 258 (18 forks)
- Licence
- Unknown
- Last push
- Oct 2026
- Created
- Dec 2024
- Homepage
- uxpatterns.dev
- best-practices
- frontend
- ux
- ux-design
- documentation-website
- patterns
- ux-patterns
- web-design
- web-development
Install all skills
npx skills add thedaviddias/ux-patterns-for-developersAdd --skill <name> for a single skill and -a <agent> to choose the agent (see the agent guides).
Skills in thedaviddias/ux-patterns-for-developers, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 1 | A skill your agent uses when implementing user account configuration and preferences. | thedaviddias/ | 258 | — | ~1.2k | Automated safety check: Pass | Unknown | 3 days ago |
| 2 | A skill your agent uses when implementing help users understand their current location. | thedaviddias/ | 258 | — | ~1.2k | Automated safety check: Pass | Unknown | 3 days ago |
| 3 | 3.Button A skill your agent uses when you need to trigger actions and submit forms. | thedaviddias/ | 258 | — | ~695 | Automated safety check: Pass | Unknown | 3 days ago |
| 4 | A skill your agent uses when implementing verify codes with segmented input. | thedaviddias/ | 258 | — | ~1.4k | Automated safety check: Pass | Unknown | 3 days ago |
| 5 | A skill your agent uses when implementing select colors with visual feedback. | thedaviddias/ | 258 | — | ~1.3k | Automated safety check: Pass | Unknown | 3 days ago |
| 6 | A skill your agent uses when implementing enter and format monetary values. | thedaviddias/ | 258 | — | ~1.3k | Automated safety check: Pass | Unknown | 3 days ago |
| 7 | A skill your agent uses when implementing enter dates in a structured text format. | thedaviddias/ | 258 | — | ~1.4k | Automated safety check: Pass | Unknown | 3 days ago |
| 8 | A skill your agent uses when implementing select dates from a calendar interface. | thedaviddias/ | 258 | — | ~1.5k | Automated safety check: Pass | Unknown | 3 days ago |
| 9 | A skill your agent uses when implementing select a range between two dates. | thedaviddias/ | 258 | — | ~1.4k | Automated safety check: Pass | Unknown | 3 days ago |
| 10 | 10.File Input A skill your agent uses when you need to upload and handle files. | thedaviddias/ | 258 | — | ~1.4k | Automated safety check: Pass | Unknown | 3 days ago |
| 11 | A skill your agent uses when you need to display a menu icon for mobile devices. | thedaviddias/ | 258 | — | ~1.2k | Automated safety check: Pass | Unknown | 3 days ago |
| 12 | A skill your agent uses when implementing loads additional content automatically as users scroll down. | thedaviddias/ | 258 | — | ~891 | Automated safety check: Pass | Unknown | 3 days ago |
| 13 | 13.Link A skill your agent uses when you need to create accessible and interactive links. | thedaviddias/ | 258 | — | ~1.1k | Automated safety check: Pass | Unknown | 3 days ago |
| 14 | 14.Login A skill your agent uses when implementing user authentication and sign-in forms. | thedaviddias/ | 258 | — | ~1.1k | Automated safety check: Pass | Unknown | 3 days ago |
| 15 | 15.Megamenu A skill your agent uses when you need to display a large number of links in a single menu. | thedaviddias/ | 258 | — | ~1.2k | Automated safety check: Pass | Unknown | 3 days ago |
| 16 | A skill your agent uses when you need to choose multiple items from a list. | thedaviddias/ | 258 | — | ~1.4k | Automated safety check: Pass | Unknown | 3 days ago |
| 17 | A skill your agent uses when implementing password recovery and reset flows. | thedaviddias/ | 258 | — | ~1.1k | Automated safety check: Pass | Unknown | 3 days ago |
| 18 | 18.Sidebar A skill your agent uses when you need to organize and structure site navigation. | thedaviddias/ | 258 | — | ~1.2k | Automated safety check: Pass | Unknown | 3 days ago |
| 19 | 19.Signup A skill your agent uses when implementing user registration and account creation. | thedaviddias/ | 258 | — | ~1.2k | Automated safety check: Pass | Unknown | 3 days ago |
| 20 | 20.Social Login A skill your agent uses when implementing oAuth and social media authentication. | thedaviddias/ | 258 | — | ~1.2k | Automated safety check: Pass | Unknown | 3 days ago |
| 21 | 21.Tabs A skill your agent uses when you need to switch between different views. | thedaviddias/ | 258 | — | ~1.3k | Automated safety check: Pass | Unknown | 3 days ago |
| 22 | 22.Text Field A skill your agent uses when implementing enter and edit text content. | thedaviddias/ | 258 | — | ~1.4k | Automated safety check: Pass | Unknown | 3 days ago |
| 23 | 23.Two Factor A skill your agent uses when implementing two-factor authentication setup and verification. | thedaviddias/ | 258 | — | ~1.2k | Automated safety check: Pass | Unknown | 3 days ago |
| 24 | 24.User Profile A skill your agent uses when implementing user profile and account management. | thedaviddias/ | 258 | — | ~1.1k | Automated safety check: Pass | Unknown | 3 days ago |
| 25 | 25.UX Patterns A skill your agent uses when choosing, comparing, or implementing UX patterns across the UX Patterns for Developers corpus. | thedaviddias/ | 258 | — | ~325 | Automated safety check: Pass | Unknown | 3 days ago |
| 26 | 26.Accordion A skill your agent uses when implementing expand and collapse content sections. | thedaviddias/ | 258 | — | ~953 | Automated safety check: Pass | Unknown | 3 days ago |
| 27 | A skill your agent uses when implementing social activity and updates stream. | thedaviddias/ | 258 | — | ~882 | Automated safety check: Pass | Unknown | 3 days ago |
| 28 | 28.AI Chat A skill your agent uses when implementing conversational AI chat interfaces. | thedaviddias/ | 258 | — | ~989 | Automated safety check: Pass | Unknown | 3 days ago |
| 29 | A skill your agent uses when implementing handling AI-specific errors. | thedaviddias/ | 258 | — | ~993 | Automated safety check: Pass | Unknown | 3 days ago |
| 30 | A skill your agent uses when implementing loading states for AI operations. | thedaviddias/ | 258 | — | ~1k | Automated safety check: Pass | Unknown | 3 days ago |
| 31 | A skill your agent uses when implementing aI-powered autocomplete and suggestions. | thedaviddias/ | 258 | — | ~987 | Automated safety check: Pass | Unknown | 3 days ago |
| 32 | 32.Autocomplete A skill your agent uses when implementing suggest options as users type. | thedaviddias/ | 258 | — | ~705 | Automated safety check: Pass | Unknown | 3 days ago |
| 33 | 33.Back To Top A skill your agent uses when implementing quickly navigate back to the top of the page. | thedaviddias/ | 258 | — | ~1.2k | Automated safety check: Pass | Unknown | 3 days ago |
| 34 | 34.Calendar A skill your agent uses when you need to display dates and events in calendar format. | thedaviddias/ | 258 | — | ~995 | Automated safety check: Pass | Unknown | 3 days ago |
| 35 | 35.Card Grid A skill your agent uses when you need to display content in a responsive card layout. | thedaviddias/ | 258 | — | ~995 | Automated safety check: Pass | Unknown | 3 days ago |
| 36 | 36.Carousel A skill your agent uses when you need to display multiple items in a rotating view. | thedaviddias/ | 258 | — | ~1.3k | Automated safety check: Pass | Unknown | 3 days ago |
| 37 | 37.Chart A skill your agent uses when implementing visualize data with graphs and charts. | thedaviddias/ | 258 | — | ~994 | Automated safety check: Pass | Unknown | 3 days ago |
| 38 | 38.Checkbox A skill your agent uses when implementing enable single or multiple selections. | thedaviddias/ | 258 | — | ~1.2k | Automated safety check: Pass | Unknown | 3 days ago |
| 39 | 39.Checkout A skill your agent uses when implementing multi-step checkout process. | thedaviddias/ | 258 | — | ~871 | Automated safety check: Pass | Unknown | 3 days ago |
| 40 | A skill your agent uses when implementing quick command execution interface. | thedaviddias/ | 258 | — | ~895 | Automated safety check: Pass | Unknown | 3 days ago |
| 41 | A skill your agent uses when implementing user comments and discussion threads. | thedaviddias/ | 258 | — | ~879 | Automated safety check: Pass | Unknown | 3 days ago |
| 42 | A skill your agent uses when you need to compare features and options side-by-side. | thedaviddias/ | 258 | — | ~1k | Automated safety check: Pass | Unknown | 3 days ago |
| 43 | A skill your agent uses when implementing managing AI conversation context. | thedaviddias/ | 258 | — | ~995 | Automated safety check: Pass | Unknown | 3 days ago |
| 44 | A skill your agent uses when you need to inform users about the use of cookies. | thedaviddias/ | 258 | — | ~913 | Automated safety check: Pass | Unknown | 3 days ago |
| 45 | 45.Dashboard A skill your agent uses when implementing comprehensive dashboard layouts. | thedaviddias/ | 258 | — | ~995 | Automated safety check: Pass | Unknown | 3 days ago |
| 46 | A skill your agent uses when implementing allow users to reorder items intuitively. | thedaviddias/ | 258 | — | ~973 | Automated safety check: Pass | Unknown | 3 days ago |
| 47 | 47.Empty States A skill your agent uses when implementing guide users when no content is available. | thedaviddias/ | 258 | — | ~904 | Automated safety check: Pass | Unknown | 3 days ago |
| 48 | A skill your agent uses when implementing show or hide additional text content on demand. | thedaviddias/ | 258 | — | ~819 | Automated safety check: Pass | Unknown | 3 days ago |
Questions, answered from the data.
What is the best skill in thedaviddias/ux-patterns-for-developers?
Account Settings from thedaviddias/ux-patterns-for-developers ranks first of the 92 skills in thedaviddias/ux-patterns-for-developers listed here, with the highest score: its repository has 258 GitHub stars, its SKILL.md loads about 1.2k tokens and it passes the automated safety check with no findings. Next come Breadcrumb and Button.
Are the skills in thedaviddias/ux-patterns-for-developers official?
None yet. All 92 skills in thedaviddias/ux-patterns-for-developers listed here come from community repositories; a skill counts as official when the product's own GitHub organization publishes it.
How do I install all skills from thedaviddias/ux-patterns-for-developers?
Run npx skills add thedaviddias/ux-patterns-for-developers in your project: the open-source skills CLI installs the repository's skills into your coding agent's skills folder. To install a single skill, open its page here for the exact command.
How are these skills ranked?
By Skill Navigator score, which combines the GitHub stars of the skill's repository (shared across that repo's skills and discounted for large collections), how many other GitHub owners carry a copy of the skill, and automated SKILL.md quality checks, minus penalties for safety-check warnings and for each further skill from the same repository. Skills that fail the safety check are not listed.