ui-ux-pro-max

SKILL.md

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.

Step 1: Analyze User Requirements Identify what the user wants to build and the constraints.

Step 2: Generate Design System (REQUIRED) ALWAYS run the designsystem.py script to generate a cohesive design system (colors, typography, spacing, radius, shadows) tailored to the requirements.

Inteligencia de diseño UI/UX. 50 estilos, 21 paletas, 50 combinaciones de fuentes, 20 gráficos, 9 pilas (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Acciones: planificar, construir, crear, diseñar, implementar, revisar, corregir, mejorar, optimizar, mejorar, refactorizar, verificar el código UI/UX. Proyectos: sitio web, página de destino, tablero, panel de administración, comercio electrónico, SaaS, portafolio, blog, aplicación móvil, .html, .tsx, .vue, .svelte. Elementos: botón, modal, barra de navegación, barra lateral, tarjeta, tabla, formulario, gráfico. Estilos: glassmorfismo, claymorfismo, minimalismo, brutalismo, neumorfismo, rejilla bento, modo oscuro, responsivo, esqueuomorfismo, diseño plano. Temas: paleta de colores, accesibilidad, animación, diseño, tipografía, combinación de fuentes, espaciado, desplazamiento, sombra, degradado. Integraciones: shadcn/ui MCP para búsqueda de componentes y ejemplos. Fuente: kevingastelum/polymind.

Ver original