
Ui Ux Pro Max
This is essentially a command line design reference system disguised as a Claude skill. You run a Python script that searches through CSV databases of 50+ UI styles, 97 color palettes, 57 font pairings, and 99 UX guidelines to get specific recommendations for your project. The workflow is pretty rigid: always start with the design system command to get reasoning-based suggestions for your product type, then drill down into specific domains like charts or accessibility rules. It defaults to HTML/Tailwind but covers nine stacks including React Native and SwiftUI. The interesting bit is the priority system that flags accessibility and touch targets as critical before you even think about animations. Feels more like a design linter than creative inspiration, which might be exactly what you need when building dashboards at 2am.
- skills.sh installs
- 1.9K
- GitHub stars
- 33.2K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add davila7/claude-code-templates --skill ui-ux-pro-max --agent claude-codeInstalls 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, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 technology stacks. Searchable database with priority-based recommendations.
When to Apply
Reference these guidelines when:
- Designing new UI components or pages
- Choosing color palettes and typography
- Reviewing code for UX issues
- Building landing pages or dashboards
- Implementing accessibility requirements
Rule Categories by Priority
| Priority | Category | Impact | Domain |
|---|---|---|---|
| 1 | Accessibility | CRITICAL | ux |
| 2 | Touch & Interaction | CRITICAL | ux |
| 3 | Performance | HIGH | ux |
| 4 | Layout & Responsive | HIGH | ux |
| 5 | Typography & Color | MEDIUM | typography, color |
| 6 | Animation | MEDIUM | ux |
| 7 | Style Selection | MEDIUM | style, product |
| 8 | Charts & Data | LOW | chart |
Quick Reference
1. Accessibility (CRITICAL)
color-contrast- Minimum 4.5:1 ratio for normal textfocus-states- Visible focus rings on interactive elements
Sponsors
Details
- Repository
- github.com/davila7/claude-code-templates
- Categories
- Frontend Development, DevOps & CI/CD, Git & Pull Requests, Documentation, Code Review & Quality, AI & Agent Building, Debugging, Productivity & Planning, Mobile Development, Design & UI/UX, Finance & Trading
- First seen
- May 16, 2026
More from davila7/claude-code-templates
All 618- Exploratory Data Analysis1.9K
- Mobile Design1.8K
- Senior Data Engineer1.8K
- Ui Design System1.7K
- Stable Diffusion Image Generation1.7K
- Scientific Visualization1.6K
- Remotion1.5K
- Prompt Engineer1.5K
- Whisper1.5K
- Citation Management1.4K
- Scientific Slides1.4K
- Generate Image1.4K
- Marketing Strategy Pmm1.4K
- Senior Devops1.4K
- Mermaid Diagram Specialist1.4K
- 3d Web Experience1.4K
- Ux Researcher Designer1.3K
- Senior Qa1.2K
- Senior Architect1.2K
- Scientific Schematics1.2K
- Jira1.2K
- Senior Fullstack1.2K
- Senior Computer Vision1.2K
- Google Analytics1.2K