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.
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: vibery-studio/templates.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/vibery-studio/templates --skill aesthetic- Fuente
- vibery-studio/templates
- 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: vibery-studio/templates.
¿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/vibery-studio/templates --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/vibery-studio/templates
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01