Topic · Frontend & Design
Best UX design skills for Claude Code, Codex and other agents.
- skills
- 266
- official
- 7
UX design skills, 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 the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a… | bestofjs/ | 3.1k | 27 repos | ~2.6k | Automated safety check: Pass | MIT | 3 days ago |
| 2 | When the user wants to plan, map, or restructure their website's page hierarchy, navigation, URL structure, or internal linking. | AvdLee/ | 802 | 10 repos | ~3.3k | Automated safety check: Pass | Unknown | yesterday |
| 3 | Pushes an agent past generic defaults when designing dashboards, admin panels, SaaS apps and tools, with attention to structure, type, navigation and how data is shown. | holaboss-ai/ | 11k | 3 repos | ~6k | Automated safety check: Pass | MIT | 1 mo ago |
| 4 | 4.Animate Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. | growupanand/ | 101 | 6 repos | ~1.9k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 5 | Handle Hugo docs information-architecture moves: discover old vs new URLs, add front matter aliases (Phase 1), update in-repo links (Phase 2), interactive List 2 resolution and fragment validation… | docker/ | 4.7k | — | ~5.1k | Automated safety check: Pass | Apache-2.0 | today |
| 6 | Help the user turn their Retentioneering ideas, friction reports, bug findings, or feature needs into high-quality upstream contributions: from capturing and validating the idea, through minimal… | retentioneering/ | 920 | — | ~1.8k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 7 | Audits a design against Dieter Rams' ten principles of good design, scores each with evidence, and hands off a make-plan prompt for a new, refined or redesigned outcome. | thedotmack/ | 97k | — | ~4.6k | Automated safety check: Pass | Apache-2.0 | today |
| 8 | 体验走查 skill。适用于代码库、URL、截图三种输入,输出结构化体验问题报告,并同步生成本地 docx 报告。触发词:体验走查、UX review、交互走查、界面审查、体验问题。 | XiaoMi/ | 877 | — | ~1.3k | Automated safety check: Pass | MIT | 2 mo ago |
| 9 | When the user wants to optimize post-signup onboarding, user activation, first-run experience, or time-to-value. | Nexus-JPF/ | 869 | 3 repos | ~1.6k | Automated safety check: Pass | MIT | 4 days ago |
| 10 | 10.Color Audit Audit a design system's color palette against measurable color-science disciplines — WCAG/APCA contrast of declared token pairs, perceptual (OKLCH) ramp uniformity, color-blindness safety of… | rome-os/ | 717 | — | ~2.7k | Automated safety check: Pass | MIT | today |
| 11 | 11.Critique Evaluate design from a UX perspective, assessing visual hierarchy, information architecture, emotional resonance, cognitive load, and overall quality with quantitative scoring, persona-based… | growupanand/ | 101 | 4 repos | ~3.4k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 12 | Walks a Figma prototype or live webpage screen by screen and scores it against four minimalist usability principles. | AIPexStudio/ | 1.3k | — | ~1.9k | Automated safety check: Pass | MIT | 1 mo ago |
| 13 | 13.Gen Docs Update Kimi Code CLI user documentation after meaningful code changes that affect product behavior or user experience. | MoonshotAI/ | 7.8k | — | ~1.2k | Automated safety check: Pass | MIT | 5 days ago |
| 14 | 14.UX Writing Applies UX writing practice to interface copy such as buttons, errors, forms and onboarding, using four quality standards and accessibility guidance. | content-designer/ | 222 | — | ~3.8k | Automated safety check: Pass | MIT | 4 mo ago |
| 15 | Analyze user conversion funnels, calculate step-by-step conversion rates, create interactive visualizations, and identify optimization opportunities. | liangdabiao/ | 290 | 2 repos | ~781 | Automated safety check: Notes | No licence | 5 mo ago |
| 16 | A skill your agent uses when you need to visually interact with a GUI — test buttons, fill forms, verify visual layouts, fuzz web pages, automate user flows, take screenshots, or perform end-to-end… | am-will/ | 940 | — | ~1.4k | Automated safety check: Pass | MIT | 27 days ago |
| 17 | Review and improve WAYFINDER's native macOS UX against OpenAI Codex app patterns and the repo's accepted menu-bar design contracts. | asdecided/ | 416 | — | ~1.1k | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 18 | Run browser-based web tests against websites using Actionbook CLI. | actionbook/ | 1.6k | — | ~9.7k | Automated safety check: Pass | Apache-2.0 | 29 days ago |
| 19 | Pre-release onboarding test via Chrome browser automation. An agent skill from daydreamlive/scope. | daydreamlive/ | 452 | — | ~836 | Automated safety check: Pass | Unknown | 2 mo ago |
| 20 | 20.Browse Fast headless browser for QA testing and site dogfooding. An agent skill from mr-daedalium/ostack-saas. | mr-daedalium/ | 114 | 1 repo | ~5.3k | Automated safety check: Notes | MIT | 6 mo ago |
| 21 | Review a library/package from the perspective of an external downstream consumer — build a throwaway crate/project that depends on it the way a real user would, exercise the public API, and surface… | jaemk/ | 2.1k | — | ~1.9k | Automated safety check: Pass | MIT | 6 days ago |
| 22 | Explores a feature idea through HTML mocks that match the project's existing UI, keeping every earlier version and logging each requested tweak in a context file. | imbue-ai/ | 400 | — | ~677 | Automated safety check: Pass | AGPL-3.0 | today |
| 23 | 23.Kei PR Ready Validate a kei branch before review without publishing or changing it. | rhoopr/ | 155 | — | ~1.2k | Automated safety check: Pass | MIT | today |
| 24 | 24.Mvp Scope Cut a feature wishlist down to the smallest MVP that delivers value. | emotixco/ | 495 | — | ~803 | Automated safety check: Pass | MIT | 14 days ago |
| 25 | Multi-perspective code review for a branch before merging. An agent skill from microsoft/bocpy. | microsoft/ | 200 | — | ~3.2k | Automated safety check: Pass | MIT | 9 days ago |
| 26 | 26.I Onboard Design or improve onboarding flows, empty states, and first-time user experiences. | boussadjra/ | 111 | 7 repos | ~2k | Automated safety check: Pass | MIT | 2 days ago |
| 27 | Design and implement microinteractions, motion design, transitions, and user feedback patterns. | gustavscirulis/ | 117 | 3 repos | ~2k | Automated safety check: Pass | Unknown | 5 mo ago |
| 28 | Audits a website for SEO, AI search performance, structured data, mobile usability, broken links, and social media cards. | MelbourneDeveloper/ | 113 | 1 repo | ~2.4k | Automated safety check: Pass | No licence | 23 days ago |
| 29 | Check whether the common Python code an LLM would plausibly write still works on this branch, testing real cases in ./playground against CPython. | pydantic/ | 8.6k | — | ~410 | Automated safety check: Pass | MIT | yesterday |
| 30 | A skill your agent uses when: reading a docs scenario, PRD, mockup, or user flow and using vscuse-ui/noVNC as the primary authoring surface to record, generate, replace, or update vscuse test plans… | OfficeDev/ | 781 | — | ~4.3k | Automated safety check: Pass | Unknown | today |
| 31 | A skill your agent uses when validating or evaluating Trailblaze's out-of-box (OOB) user experience — does what the trailblaze skill claims actually match the real installed CLI? | block/ | 321 | — | ~2.3k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 32 | 32.CLI Design Design and review command-line interfaces for usability, automation, safety, accessibility, and long-term compatibility. | caarlos0/ | 220 | — | ~4.2k | Automated safety check: Pass | MIT | today |
| 33 | 33.Pstack Fast headless browser for QA testing and site dogfooding. An agent skill from no-session/pstack. | no-session/ | 131 | — | ~5.6k | Automated safety check: Notes | MIT | 6 mo ago |
| 34 | Builds a clickable low-fidelity prototype of one flow from a product brief during discovery, with simulated data and browser checks, before detailed design. | open-mercato/ | 221 | — | ~1.9k | Automated safety check: Pass | MIT | 2 days ago |
| 35 | 35.Ijfw Design A skill your agent uses when the user says: 'design', 'redesign', 'UI', 'UX', 'dashboard', 'page', 'component', 'make it look better', 'polish', 'pretty', 'professional', 'user experience'… | FerroxLabs/ | 212 | — | ~2.2k | Automated safety check: Pass | MIT | 2 days ago |
| 36 | Review Vicinae extensions for publication in the official store, or prepare an extension for submission. | vicinaehq/ | 155 | — | ~1.1k | Automated safety check: Pass | No licence | 2 days ago |
| 37 | Creates or revises Figma designs from a written description using the Figma MCP authoring tools, in a new blank file or an existing one. | warpdotdev/ | 65k | 1 repo | ~2.4k | Automated safety check: Pass | AGPL-3.0 | today |
| 38 | Review UI usability using Steve Krug's principles and produce a scannable report. | luongnv89/ | 131 | — | ~2.5k | Automated safety check: Pass | MIT | today |
| 39 | 39.Qnn Launch a Qualitative Neural Network (QNN) — a layered, multi-epoch brainstorm of agent personas that maps divergent strategies before implementation. | iblameandrew/ | 150 | — | ~7.1k | Automated safety check: Pass | MIT | 1 mo ago |
| 40 | Complete Product Owner / Product Manager capability — a wiki-style knowledge map of product practice in active software development: the role and its boundaries, strategy cascade (vision → OKRs →… | syahiidkamil/ | 397 | — | ~7.9k | Automated safety check: Pass | No licence | 3 mo ago |
| 41 | Apply foundational design principles: affordances, signifiers, constraints, feedback, and conceptual models. | wondelai/ | 2.4k | — | ~4k | Automated safety check: Pass | MIT | 26 days ago |
| 42 | 42.Expert Reset Reimagine this repository from first principles using the current product and user experience as the target. | jtenniswood/ | 234 | — | ~1.9k | Automated safety check: Pass | Unknown | 1 mo ago |
| 43 | A skill your agent uses when the user asks to review a design, critique a UI or mockup, give design feedback, or check a screen for usability and accessibility issues. | aakashg/ | 112 | — | ~2.4k | Automated safety check: Pass | MIT | 2 mo ago |
| 44 | Dogfood a project-owned tool in a realistic user flow and evaluate the agent experience. | anomalyco/ | 438 | — | ~494 | Automated safety check: Pass | MIT | today |
| 45 | 45.Review Review software designs and implementations for user experience, simplicity, and maintainability; apply fixes when requested. | golbin/ | 214 | — | ~706 | Automated safety check: Pass | No licence | 14 days ago |
| 46 | 46.E2E Run, debug or extend the OpenAthlete Playwright end-to-end tests, which exercise the production Docker images (API, worker, web, PostgreSQL, Redis) through the API and a real browser on desktop and… | openathleteorg/ | 100 | — | ~675 | Automated safety check: Pass | AGPL-3.0 | yesterday |
| 47 | Write a PRODUCT.md spec for a significant Hubble user-facing feature, focused only on user experience and observable behavior. | bholmesdev/ | 1.5k | — | ~966 | Automated safety check: Pass | MIT | 5 days ago |
| 48 | Refactoring MCP Tools for Better LLM Integration and Usability | adeze/ | 188 | — | ~972 | Automated safety check: Pass | MIT | 2 mo ago |
Questions, answered from the data.
What is the best UX design skill?
Impeccable from bestofjs/bestofjs ranks first of the 266 UX design skills listed here, with the highest score: its repository has 3.1k GitHub stars, 27 other GitHub owners carry a copy, its SKILL.md loads about 2.6k tokens and it passes the automated safety check with no findings. Next come Site Architecture and Interface Design for Dashboards and Apps.
Which UX design skills are official?
7 of the 266 UX design skills are official, published by the vendor's own GitHub organization: Migrate Content Ia, Branch Review, Review Usability, Trailblaze Validate Oob, Penpot Uiux Design and 2 more.
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.
Explore related skills
Category
More topics in Frontend & Design
- Accessibility1,046
- Design systems858
- UI design489
- React components461
- Landing pages455
- Internationalization415
- Typography404
- Design tokens393
- CSS and styling357
- Theming and dark mode351
- Frontend development337
- Web performance315
- State management295
- HTML artifacts275
- Responsive design272
- Static sites and blogs270
- Web animation and motion195
- Forms and validation189
- Design to code90
- Icons and illustration63