ckm:design-system
por 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.
npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill ckm:design-systemMás skills de nextlevelbuilder
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:ui-styling
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.
designdevelopmentcreative
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
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.
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.
designcreativedocument
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