ui-ux-pro-max-skill
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
- 139.2k estrellas
- 14.7k forks
- 88 issues abiertos
- Lenguaje: Python
- Licencia: MIT
- actualizado
Instalación
git clone https://github.com/nextlevelbuilder/ui-ux-pro-max-skill- Clone the repository.
- Follow the README for installation and usage instructions.
Nota editorial
UI UX Pro Max Skill is a design intelligence layer that injects structured UI/UX reasoning directly into AI-assisted coding workflows, including Claude Code, Cursor, Windsurf, Kiro, and Copilot. It ships as a collection of 161 reasoning rules and 67 pre-defined UI styles that guide code generation toward professional design outcomes without requiring manual design decisions from the developer. The flagship feature in v2.0 is the Design System Generator, which analyzes a project description and outputs a complete, opinionated design system covering layout patterns, color palettes, typography pairings, interaction effects, and explicit anti-patterns to avoid. A CLI tool, uipro-cli, is available via npm for installation and project setup. The tool targets frontend developers and solo builders working with React, Tailwind CSS, HTML5, or mobile UI frameworks who want consistent, context-appropriate visual results, such as the demonstrated spa landing page that receives a full palette, font stack, and section structure recommendation automatically.
Resumen de Tools
UI UX Pro Max
🇦🇿 Azərbaycanca | 🇮🇩 Bahasa Indonesia | 🇰🇷 한국어 | 🇻🇳 Tiếng Việt | 🇨🇳 简体中文 | 🇺🇸 English
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms and frameworks.
If you find this useful, consider supporting the project:
Other projects NextLevelBuilder.io | GoClaw.sh | AgentKit.best | TOSE.sh
Check Out Our New Skill:
Turn an idea into a 3D scene worth exploring.
Visual inspiration, not a benchmark. An author-supplied project recorded before this skill existed; its UI contains Vietnamese. Historical footage, not an English demo or a runtime test of the skill — see media provenance.
🤌 Website: https://3dviz.dev/
What's New in v2.0
Intelligent Design System Generation
The flagship feature of v2.0 is the Design System Generator - an AI-powered reasoning engine that analyzes your project requirements and generates a complete, tailored design system in seconds.
+----------------------------------------------------------------------------------------+
| TARGET: Serenity Spa - RECOMMENDED DESIGN SYSTEM |
+----------------------------------------------------------------------------------------+
| |
| PATTERN: Hero-Centric + Social Proof |
| Conversion: Emotion-driven with trust elements |
| CTA: Above fold, repeated after testimonials |
| Sections: |
| 1. Hero |
| 2. Services |
| 3. Testimonials |
| 4. Booking |
| 5. Contact |
| |
| STYLE: Soft UI Evolution |
| Keywords: Soft shadows, subtle depth, calming, premium feel, organic shapes |
| Best For: Wellness, beauty, lifestyle brands, premium services |
| Performance: cost:low | Accessibility: risk:conditional; verify requirements |
| |
| COLORS: |
| Primary: #E8B4B8 (Soft Pink) |
| Secondary: #A8D5BA (Sage Green) |
| CTA: #D4AF37 (Gold) |
| Background: #FFF5F5 (Warm White) |
| Text: #2D3436 (Charcoal) |
| Notes: Calming palette with gold accents for luxury feel |
| |
| TYPOGRAPHY: Cormorant Garamond / Montserrat |
| Mood: Elegant, calming, sophisticated |
| Best For: Luxury brands, wellness, beauty, editorial |
| Google Fonts: https://fonts.google.com/share?selection.family=... |
| |
| KEY EFFECTS: |
| Soft shadows + Context-appropriate transitions + Gentle hover states |
| |
| AVOID (Anti-patterns): |
| Bright neon colors + Harsh animations + Dark mode + AI purple/pink gradients |
| |
| PRE-DELIVERY CHECKLIST: |
| [ ] No emojis as icons (use SVG: Heroicons/Lucide) |
| [ ] cursor-pointer on all clickable elements |
| [ ] Interaction timing follows the platform, component, and user preference |
| [ ] Light mode: text contrast 4.5:1 minimum |
| [ ] Focus states visible for keyboard nav |
| [ ] prefers-reduced-motion respected |
| [ ] Text, chips, and badges reflow without clipping or broken labels |
| [ ] Responsive: 375px, 768px, 1024px, 1440px |
| |
+----------------------------------------------------------------------------------------+How Design System Generation Works
┌─────────────────────────────────────────────────────────────────┐
│ 1. USER REQUEST │
│ "Build a landing page for my beauty spa" │
└─────────────────────────────────────────────────────────────────┘
│
▼
┌─────────────────────────────────────────────────────────────────┐
│ 2. MULTI-DOMAIN SEARCH (5 parallel searches) │
│ • Product type matching (192 categories) │
│ • Style recommendations (79 searchable; 50 active) │
│ • Color palette selection (192 palettes) │
│ • Landing page patterns (34 patterns) │
│ • Typography pairing (74 font combinations) │
└─────────────────────────────────────────────────────────────────┘
│Lo que la gente pregunta sobre ui-ux-pro-max-skill
¿Qué es nextlevelbuilder/ui-ux-pro-max-skill?
nextlevelbuilder/ui-ux-pro-max-skill es tools para el ecosistema de Claude AI. An AI skill that provides design intelligence for building professional UI/UX across multiple platforms. Tiene 139.2k estrellas en GitHub y su última actualización registrada es del 2026-10-23.
¿Cómo se instala ui-ux-pro-max-skill?
Puedes instalar ui-ux-pro-max-skill clonando el repositorio (https://github.com/nextlevelbuilder/ui-ux-pro-max-skill) o siguiendo las instrucciones del README en GitHub. ClaudeWave también te ofrece bloques de instalación rápida en esta misma página.
¿Es seguro usar nextlevelbuilder/ui-ux-pro-max-skill?
Nuestro agente de seguridad ha analizado nextlevelbuilder/ui-ux-pro-max-skill y le ha asignado un Trust Score de 100/100 (tier: Verified). Revisa el desglose completo de comprobaciones superadas y flags en esta página.
¿Quién mantiene nextlevelbuilder/ui-ux-pro-max-skill?
nextlevelbuilder/ui-ux-pro-max-skill es mantenido por nextlevelbuilder. La última actividad registrada en GitHub es del 2026-10-23, con 88 issues abiertos.
¿Hay alternativas a ui-ux-pro-max-skill?
Sí. En ClaudeWave puedes explorar tools similares en /categories/tools, ordenados por popularidad o actividad reciente.
¿Mantienes este repo? Muestra su Trust Score en tu README
La insignia muestra el Trust Score y el veredicto actuales de este repositorio y enlaza a esta página. Sigue los datos del catálogo: nadie puede comprar ni editar la puntuación que enseña.
[](https://claudewave.com/en/repo/nextlevelbuilder-ui-ux-pro-max-skill)<a href="https://claudewave.com/en/repo/nextlevelbuilder-ui-ux-pro-max-skill"><img src="https://claudewave.com/api/badge/nextlevelbuilder-ui-ux-pro-max-skill" alt="ClaudeWave Trust Score for nextlevelbuilder/ui-ux-pro-max-skill" width="320" height="64"></a>