A comprehensive design system reference packed into a Claude skill. You get 161 color palettes, 57 font pairings, 99 UX guidelines, and support for 10 stacks including React, SwiftUI, and Flutter. The priority system is smart: accessibility and touch targets come first, then style selection and layout, with charts at the bottom. Useful when you're building any UI component, choosing colors or typography, or reviewing code for design quality. The decision criteria is simple: if the task changes how something looks, feels, or is interacted with, use this. Skip it for pure backend work. The rule tables are detailed enough that you won't need to guess about contrast ratios or minimum touch target sizes.

skills.sh installs
171
GitHub stars
848
last updated
Jun 3, 2026

Install

$ npx -y skills add guanyang/antigravity-skills --skill ui-ux-pro-max --agent claude-code

Installs into .claude/skills of the current project.

Files

UI/UX Pro Max - Design Intelligence

Comprehensive design guide for web and mobile applications. Contains 50+ styles, 161 color palettes, 57 font pairings, 161 product types with reasoning rules, 99 UX guidelines, and 25 chart types across 10 technology stacks. Searchable database with priority-based recommendations.

When to Apply

This Skill should be used when the task involves UI structure, visual design decisions, interaction patterns, or user experience quality control.

Must Use

This Skill must be invoked in the following situations:

  • Designing new pages (Landing Page, Dashboard, Admin, SaaS, Mobile App)
  • Creating or refactoring UI components (buttons, modals, forms, tables, charts, etc.)
  • Choosing color schemes, typography systems, spacing standards, or layout systems
  • Reviewing UI code for user experience, accessibility, or visual consistency
  • Implementing navigation structures, animations, or responsive behavior
  • Making product-level design decisions (style, information hierarchy, brand expression)
  • Improving perceived quality, clarity, or usability of interfaces

Recommended

This Skill is recommended in the following situations:

Sponsors

Details

Repository
github.com/guanyang/antigravity-skills
Categories
Frontend Development, Design & UI/UX
First seen
Jun 3, 2026

More from guanyang/antigravity-skills

All 8
1oaustegard avatardeveloping-preactoaustegard/claude-skillsSpecialized Preact development skill for standards-based web applications with native-first architecture and minimal dependency footprint. Use when building Pre167skills.sh installs
2sickn33 avatarreact-flow-node-tssickn33/antigravity-awesome-skillsreact flow node ts167skills.sh installs
3akillness avatarreact-grabakillness/oh-my-skillsreact grab163skills.sh installs
4opensensenova avatarsn-md-to-html-reportopensensenova/sensenova-skills将 Markdown 文档转换为美观、舒适、结构清晰、可直接打开的 HTML 长篇报告。适用于把 .md 文件转成 HTML、统一研究报告/行业报告/调研文档版式、生成可离线分享的单文件网页报告、嵌入或校验本地图片、修复 Markdown 表格分隔符导致的错列问题,或优化已有 HTML 报告的阅读留白、图片呈现、目录导161skills.sh installs
5lubusin avatarfrappe-frontend-developmentlubusin/agent-skillsfrappe frontend development152skills.sh installs
6skillcreatorai avatarfrontend-designskillcreatorai/ai-agent-skillsfrontend design143skills.sh installs