Brings serious UI/UX chops to Claude with a focus on design systems and accessibility. You get help with atomic design, Figma workflows, design tokens, WCAG compliance, and user research methodologies. It covers the full stack from component libraries and information architecture to prototyping and developer handoff. The behavioral traits lean hard on systematic thinking over one-off solutions, which is the right approach if you're building anything meant to scale. Useful when you need design decisions grounded in accessibility standards and research data, not just aesthetic opinions. The comprehensive coverage of modern tooling like Figma Variables and design system governance makes this more than just wireframe help.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
6
skills.sh installs
2.3K
GitHub stars
43.1K
last updated
Jul 14, 2026

Install

$ npx -y skills add sickn33/antigravity-awesome-skills --skill ui-ux-designer --agent claude-code

Installs into .claude/skills of the current project.

Files

Use this skill when

  • Working on ui ux designer tasks or workflows
  • Needing guidance, best practices, or checklists for ui ux designer

Do not use this skill when

  • The task is unrelated to ui ux designer
  • You need a different domain or tool outside this scope

Example workflow

For a signup redesign, identify the user task and existing completion/drop-off evidence, sketch the smallest flow, and define default/loading/error/success states. Use real approved copy or label placeholders. Prototype keyboard order, visible focus, error associations and responsive reflow; test the rendered flow with representative users and assistive technology where available. Record observed failures and revise before handoff. Do not invent interviews, personas, conversion lifts or accessibility certification. A design mockup/automated scan alone cannot establish WCAG conformance; name the target criteria, tested scope and remaining gaps. Research recordings and private screenshots require consent and approved storage.

Instructions

  • Clarify goals, constraints, and required inputs.
  • Apply relevant best practices and validate outcomes.
  • Provide actionable steps and verification.

Sponsors

Details

Repository
github.com/sickn33/antigravity-awesome-skills
Categories
Frontend Development, Design & UI/UX
First seen
May 16, 2026

More from sickn33/antigravity-awesome-skills

All 708
1asyrafhussin avatarlaravel-inertia-reactasyrafhussin/agent-skillsLaravel + Inertia.js + React integration patterns. Use when building Inertia page components, handling forms with useForm, managing shared data, or implementing2Kskills.sh installs
2getsentry avatarsentry-react-router-framework-sdkgetsentry/sentry-for-aiFull Sentry SDK setup for React Router Framework mode. Use when asked to "add Sentry to React Router Framework", "install @sentry/react-router", or configure er1.9Kskills.sh installs
3sickn33 avatarfrontend-designsickn33/antigravity-awesome-skillsfrontend design1.9Kskills.sh installs
4nexu-io avatarimagegen-frontend-mobilenexu-io/open-designElite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile product1.8Kskills.sh installs
5nexu-io avatarimagegen-frontend-webnexu-io/open-designElite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE — generate ONE separate horizontal1.8Kskills.sh installs
6github avatarunit-test-vue-piniagithub/awesome-copilotWrite and review unit tests for Vue 3 + TypeScript + Vitest + Pinia codebases. Use when creating or updating tests for components, composables, and stores; mock1.8Kskills.sh installs