design-guide
✓Garantiza un diseño de interfaz de usuario moderno y profesional en SwiftUI, Android y plataformas web. Úselo al crear CUALQUIER componente de interfaz de usuario, incluidos botones, formularios, tarjetas, diseños, navegación o pantallas completas. Impone un diseño minimalista y limpio, paletas de colores neutros con un color de acento, un sistema de espaciado de cuadrícula de 8 píxeles, una jerarquía tipográfica adecuada y estados interactivos claros. Consulte siempre antes de crear o modificar elementos de la interfaz de usuario.
Instalación
SKILL.md
Comprehensive design system ensuring every UI you build looks modern, professional, and consistent across all platforms (SwiftUI, Android Studio, web applications).
Spacing: 8, 16, 24, 32, 48, 64px Typography: 16px minimum body, max 2 fonts Colors: Neutral base + ONE accent Shadows: Subtle only Border radius: 6-12px most elements Interactive states: Always include hover, active, disabled, focus
Always reference this guide before creating any UI component. Consistency is key to professional design.
Garantiza un diseño de interfaz de usuario moderno y profesional en SwiftUI, Android y plataformas web. Úselo al crear CUALQUIER componente de interfaz de usuario, incluidos botones, formularios, tarjetas, diseños, navegación o pantallas completas. Impone un diseño minimalista y limpio, paletas de colores neutros con un color de acento, un sistema de espaciado de cuadrícula de 8 píxeles, una jerarquía tipográfica adecuada y estados interactivos claros. Consulte siempre antes de crear o modificar elementos de la interfaz de usuario. Fuente: mosif16/codex-skills.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/mosif16/codex-skills --skill design-guide- Fuente
- mosif16/codex-skills
- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es design-guide?
Garantiza un diseño de interfaz de usuario moderno y profesional en SwiftUI, Android y plataformas web. Úselo al crear CUALQUIER componente de interfaz de usuario, incluidos botones, formularios, tarjetas, diseños, navegación o pantallas completas. Impone un diseño minimalista y limpio, paletas de colores neutros con un color de acento, un sistema de espaciado de cuadrícula de 8 píxeles, una jerarquía tipográfica adecuada y estados interactivos claros. Consulte siempre antes de crear o modificar elementos de la interfaz de usuario. Fuente: mosif16/codex-skills.
¿Cómo instalo design-guide?
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/mosif16/codex-skills --skill design-guide 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/mosif16/codex-skills
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01