Inteligencia de diseño UI/UX. Planifica, construye, diseña, implementa, revisa y mejora código de interfaz de usuario. Estilos: imagen primero, diseño editorial, minimalismo, modo oscuro, responsivo. Proyectos: landing page, dashboard, SaaS, app móvil.
La habilidad **kimny1143/ui-ux-pro-max** es una herramienta de inteligencia artificial especializada en diseño y desarrollo de interfaces de usuario y experiencia de usuario (UI/UX). Su propósito es asistir a desarrolladores y diseñadores en todo el ciclo de vida de un proyecto: desde la planificación y el diseño inicial, pasando por la implementación en código, hasta la revisión y mejora continua. Esta skill se enfoca en estilos de diseño modernos y de alta calidad, como el enfoque 'imagen primero', diseño editorial, minimalismo, modo oscuro, y diseño responsivo. Es ideal para proyectos que incluyen páginas de aterrizaje (landing pages), paneles de control (dashboards), aplicaciones SaaS y aplicaciones móviles. Funciona generando sugerencias de código, maquetas visuales y recomendaciones de mejores prácticas, aprovechando la comprensión contextual del agente para adaptarse a las necesidades específicas del proyecto. Está diseñada para integrarse con agentes de codificación como Claude Code, Cursor o Codex, proporcionando instrucciones detalladas en su SKILL.md para guiar su uso efectivo.
npx skills add https://github.com/kimny1143/claude-code-template/tree/main/skills/ui-ux-pro-maxInstalled? Explore more Imagen skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →
Inteligencia de diseño UI/UX. Planifica, construye, diseña, implementa, revisa y mejora código de interfaz de usuario. Estilos: imagen primero, diseño editorial, minimalismo, modo oscuro, responsivo. Proyectos: landing page, dashboard, SaaS, app móvil.
Generate spectrograms and feature-panel visualizations from audio with the songsee CLI.
Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build web components, pages, or applications and the visual direction matters as much as the code quality.
Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.
Add documentation for a new AI provider — usage docs, env vars, Docker config, image resources.
Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.
This skill should be used when the user wants to visualize data. It intelligently selects the most suitable chart type from 26 available options, extracts parameters based on detailed specifications, and generates a chart image using a JavaScript script.