designer
✓Asistente de diseño para maquetas/estructuras de interfaz de usuario, compilaciones HTML/CSS responsivas, kits de marca y presentaciones. Active cuando Codex necesite proponer una dirección visual, diseñar pantallas, redactar o perfeccionar HTML/CSS para páginas/componentes, ensamblar kits de marca (paleta, tipografía, voz, instrucciones de logotipo) o delinear presentaciones de diapositivas con guía visual y notas del orador.
Instalación
SKILL.md
Use this skill to quickly collect inputs, pick a deliverable type, and ship concise design outputs. Default to fast, lightweight artifacts (textual mockups, single-file HTML/CSS, structured brand kits, slide outlines) unless the user asks for higher fidelity.
UI mockups and wireframes 1) Define the flow and primary user goals; list key screens and states. 2) Choose layout: grid (e.g., 12-col web, 4-col mobile), spacing scale, container widths, breakpoint behaviors.
3) Specify sections with hierarchy, placement, and density; call out above-the-fold priorities. 4) List components with states (default/hover/active/empty/error/loading/success) and content samples.
Asistente de diseño para maquetas/estructuras de interfaz de usuario, compilaciones HTML/CSS responsivas, kits de marca y presentaciones. Active cuando Codex necesite proponer una dirección visual, diseñar pantallas, redactar o perfeccionar HTML/CSS para páginas/componentes, ensamblar kits de marca (paleta, tipografía, voz, instrucciones de logotipo) o delinear presentaciones de diapositivas con guía visual y notas del orador. Fuente: devopgava/nexus.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/devopgava/nexus --skill designer- Fuente
- devopgava/nexus
- Categoría
- #Documentos
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es designer?
Asistente de diseño para maquetas/estructuras de interfaz de usuario, compilaciones HTML/CSS responsivas, kits de marca y presentaciones. Active cuando Codex necesite proponer una dirección visual, diseñar pantallas, redactar o perfeccionar HTML/CSS para páginas/componentes, ensamblar kits de marca (paleta, tipografía, voz, instrucciones de logotipo) o delinear presentaciones de diapositivas con guía visual y notas del orador. Fuente: devopgava/nexus.
¿Cómo instalo designer?
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/devopgava/nexus --skill designer Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor
¿Dónde está el repositorio de origen?
https://github.com/devopgava/nexus
Detalles
- Categoría
- #Documentos
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01