·aesthetic-guide
*

aesthetic-guide

Investigue una estética de diseño de interfaz de usuario y produzca pautas de diseño exhaustivas y listas para implementar para agentes de codificación. Úselo cuando el usuario nombra una estética (brutalista, morfismo de vidrio, retrofuturista, modernista suizo, Apple HIG, neumorfismo, minimalismo, cyberpunk, diseño de materiales, art deco, vaporwave, etc.) y desea una guía de estilo completa con valores CSS exactos, paletas de colores, estados de componentes, animaciones y tipografía, lo suficientemente detallada como para que un agente de codificación implemente fielmente la estética sin ambigüedad.

12Instalaciones·1Tendencia·@petekp

Instalación

$npx skills add https://github.com/petekp/claude-code-setup --skill aesthetic-guide

Cómo instalar aesthetic-guide

Instala rápidamente el skill de IA aesthetic-guide en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/petekp/claude-code-setup --skill aesthetic-guide
  3. Verificar instalación: 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, Cursor u OpenClaw

Fuente: petekp/claude-code-setup.

SKILL.md

Ver original

Produce exhaustive, implementation-ready design system documentation for a named UI aesthetic. The output is a reference guide detailed enough that a coding agent can faithfully implement the aesthetic with minimal room for interpretation.

Investigue una estética de diseño de interfaz de usuario y produzca pautas de diseño exhaustivas y listas para implementar para agentes de codificación. Úselo cuando el usuario nombra una estética (brutalista, morfismo de vidrio, retrofuturista, modernista suizo, Apple HIG, neumorfismo, minimalismo, cyberpunk, diseño de materiales, art deco, vaporwave, etc.) y desea una guía de estilo completa con valores CSS exactos, paletas de colores, estados de componentes, animaciones y tipografía, lo suficientemente detallada como para que un agente de codificación implemente fielmente la estética sin ambigüedad. Fuente: petekp/claude-code-setup.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/petekp/claude-code-setup --skill aesthetic-guide
Categoría
*Creatividad
Verificado
Primera vez visto
2026-02-22
Actualizado
2026-03-10

Browse more skills from petekp/claude-code-setup

Respuestas rápidas

¿Qué es aesthetic-guide?

Investigue una estética de diseño de interfaz de usuario y produzca pautas de diseño exhaustivas y listas para implementar para agentes de codificación. Úselo cuando el usuario nombra una estética (brutalista, morfismo de vidrio, retrofuturista, modernista suizo, Apple HIG, neumorfismo, minimalismo, cyberpunk, diseño de materiales, art deco, vaporwave, etc.) y desea una guía de estilo completa con valores CSS exactos, paletas de colores, estados de componentes, animaciones y tipografía, lo suficientemente detallada como para que un agente de codificación implemente fielmente la estética sin ambigüedad. Fuente: petekp/claude-code-setup.

¿Cómo instalo aesthetic-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/petekp/claude-code-setup --skill aesthetic-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, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

https://github.com/petekp/claude-code-setup