aesthetic
✓Cree interfaces estéticamente hermosas siguiendo principios de diseño probados. Úselo al crear UI/UX, analizar diseños de sitios de inspiración, generar imágenes de diseño con inteligencia artificial multimodal, implementar jerarquía visual y teoría del color, agregar microinteracciones o crear documentación de diseño. Incluye flujos de trabajo para capturar y analizar capturas de pantalla de inspiración con Chrome-devtools y ai-multimodal, generación iterativa de imágenes de diseño hasta que se cumplan los estándares estéticos y una guía integral del sistema de diseño que cubre las etapas HERMOSA (principios estéticos), CORRECTA (funcionalidad/accesibilidad), SATISFACTORIA (microinteracciones) y PEAK (narración de historias). Se integra con habilidades de chrome-devtools, ai-multimodal, procesamiento de medios, estilo de interfaz de usuario y marcos web.
Instalación
SKILL.md
Create aesthetically beautiful interfaces by following proven design principles and systematic workflows.
BEAUTIFUL: Understanding Aesthetics Study existing designs, identify patterns, extract principles. AI lacks aesthetic sense—standards must come from analyzing high-quality examples and aligning with market tastes.
Reference: references/design-principles.md - Visual hierarchy, typography, color theory, white space principles.
Cree interfaces estéticamente hermosas siguiendo principios de diseño probados. Úselo al crear UI/UX, analizar diseños de sitios de inspiración, generar imágenes de diseño con inteligencia artificial multimodal, implementar jerarquía visual y teoría del color, agregar microinteracciones o crear documentación de diseño. Incluye flujos de trabajo para capturar y analizar capturas de pantalla de inspiración con Chrome-devtools y ai-multimodal, generación iterativa de imágenes de diseño hasta que se cumplan los estándares estéticos y una guía integral del sistema de diseño que cubre las etapas HERMOSA (principios estéticos), CORRECTA (funcionalidad/accesibilidad), SATISFACTORIA (microinteracciones) y PEAK (narración de historias). Se integra con habilidades de chrome-devtools, ai-multimodal, procesamiento de medios, estilo de interfaz de usuario y marcos web. Fuente: mrgoonie/claudekit-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/mrgoonie/claudekit-skills --skill aesthetic- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es aesthetic?
Cree interfaces estéticamente hermosas siguiendo principios de diseño probados. Úselo al crear UI/UX, analizar diseños de sitios de inspiración, generar imágenes de diseño con inteligencia artificial multimodal, implementar jerarquía visual y teoría del color, agregar microinteracciones o crear documentación de diseño. Incluye flujos de trabajo para capturar y analizar capturas de pantalla de inspiración con Chrome-devtools y ai-multimodal, generación iterativa de imágenes de diseño hasta que se cumplan los estándares estéticos y una guía integral del sistema de diseño que cubre las etapas HERMOSA (principios estéticos), CORRECTA (funcionalidad/accesibilidad), SATISFACTORIA (microinteracciones) y PEAK (narración de historias). Se integra con habilidades de chrome-devtools, ai-multimodal, procesamiento de medios, estilo de interfaz de usuario y marcos web. Fuente: mrgoonie/claudekit-skills.
¿Cómo instalo aesthetic?
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/mrgoonie/claudekit-skills --skill aesthetic 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/mrgoonie/claudekit-skills
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01