ckm:ui-styling
por nextlevelbuilder
Crea interfaces de usuario hermosas y accesibles con componentes shadcn/ui (basados en Radix UI + Tailwind), estilos utilitarios de Tailwind CSS y diseños visuales basados en canvas. Úsalo al construir interfaces de usuario, implementar sistemas de diseño, crear diseños responsivos, agregar componentes accesibles (diálogos, menús desplegables, formularios, tablas), personalizar temas y colores, implementar modo oscuro, generar diseños visuales y carteles, o establecer patrones de estilo consistentes en todas las aplicaciones.
npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill ckm:ui-stylingMás skills de nextlevelbuilder
ui-ux-pro-max
nextlevelbuilder
Inteligencia de diseño UI/UX para web y móvil. Incluye más de 50 estilos, 161 paletas de colores, 57 combinaciones tipográficas, 161 tipos de producto, 99 pautas de UX y 25 tipos de gráfico en 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui y HTML/CSS). Acciones: planificar, construir, crear, diseñar, implementar, revisar, corregir, mejorar, optimizar, potenciar, refactorizar y verificar código UI/UX. Proyectos: sitio web, página de aterrizaje, panel de control, panel de administración, comercio electrónico, SaaS, portafolio, blog y...
designdevelopmentcreative
ckm:design-system
nextlevelbuilder
Arquitectura de tokens, especificaciones de componentes y generación de diapositivas. Tokens de tres capas (primitivo→semántico→componente), variables CSS, escalas de espaciado/tipografía, especificaciones de componentes, creación estratégica de diapositivas. Útil para tokens de diseño, diseño sistemático, presentaciones alineadas con la marca.
designdevelopmentcreative
ckm:design
nextlevelbuilder
Habilidad de diseño integral: identidad de marca, tokens de diseño, estilo de interfaz de usuario, generación de logotipos (55 estilos, Gemini AI), programa de identidad corporativa (50 entregables, maquetas CIP), presentaciones HTML (Chart.js), diseño de banners (22 estilos, redes/anuncios/web/impresión), diseño de iconos (15 estilos, SVG, Gemini 3.1 Pro), fotos sociales (HTML→captura de pantalla, multiplataforma). Acciones: diseñar logotipo, crear CIP, generar maquetas, crear diapositivas, diseñar banner, generar icono, crear fotos sociales, imágenes para redes sociales, marca...
designcreativemedia
ckm:brand
nextlevelbuilder
Voz de marca, identidad visual, marcos de mensajería, gestión de activos, consistencia de marca. Activar para contenido de marca, tono de voz, activos de marketing, cumplimiento de marca, guías de estilo.
designmarketingcreative
ckm:slides
nextlevelbuilder
Crea presentaciones HTML estratégicas con Chart.js, tokens de diseño, diseños responsivos, fórmulas de copywriting y estrategias contextuales de diapositivas.
designcreative
ckm:banner-design
nextlevelbuilder
Diseña banners para redes sociales, anuncios, hero de sitios web, activos creativos e impresión. Múltiples opciones de dirección de arte con imágenes generadas por IA. Acciones: diseñar, crear, generar banner. Plataformas: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, hero de sitio web, impresión. Estilos: minimalista, degradado, tipografía audaz, basado en fotos, ilustrado, geométrico, retro, glassmorphism, 3D, neón, duotono, editorial, collage. Utiliza las habilidades ui-ux-pro-max, frontend-design, ai-artist, ai-multimodal.
designcreativemarketing
design-system
nextlevelbuilder
Arquitectura de tokens, especificaciones de componentes y generación de diapositivas. Tokens de tres capas (primitivo→semántico→componente), variables CSS, escalas de espaciado/tipografía, especificaciones de componentes, creación estratégica de diapositivas. Útil para tokens de diseño, diseño sistemático, presentaciones alineadas con la marca.
designdevelopmentcreative
banner-design
nextlevelbuilder
Diseña banners para redes sociales, anuncios, héroes de sitios web, activos creativos e impresos. Múltiples opciones de dirección de arte con imágenes generadas por IA. Acciones: diseñar, crear, generar banner. Plataformas: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, héroe de sitio web, impresión. Estilos: minimalista, degradado, tipografía audaz, basado en fotos, ilustrado, geométrico, retro, glassmorphism, 3D, neón, duotono, editorial, collage. Utiliza las habilidades ui-ux-pro-max, frontend-design, ai-artist, ai-multimodal.