·frontend-aesthetics

Principios distintivos de diseño de interfaz para evitar valores predeterminados genéricos de IA, implementar tipografía/color/animaciones bien pensadas y crear experiencias de usuario pulidas basadas en la investigación de diseño de Claude Code.

3Instalaciones·0Tendencia·@bejranonda

Instalación

$npx skills add https://github.com/bejranonda/llm-autonomous-agent-plugin-for-claude --skill frontend-aesthetics

SKILL.md

This skill provides specific design principles and patterns for creating distinctive, polished frontend interfaces that avoid "AI slop" - the generic, obviously-generated aesthetic that results from default AI model choices. Based on official research from "Improving frontend design through Skills" by Anthropic.

Skills Methodology: This follows Anthropic's skills approach - reusable markdown documents that provide altitude-appropriate design guidance without permanent context overhead. Skills make effective design prompts contextual and reusable across projects.

Core Problem: Distributional Convergence: Language models naturally sample from the high-probability center of their training data distribution. This causes them to default to statistically common "safe choices" (Inter fonts, purple gradients, minimal animations, standard grid layouts) because these patterns dominate web design datasets. The result is bland, forgettable interfaces that lack intentional design deci...

Ver original

Datos (listos para citar)

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

Comando de instalación
npx skills add https://github.com/bejranonda/llm-autonomous-agent-plugin-for-claude --skill frontend-aesthetics
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-01
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es frontend-aesthetics?

Principios distintivos de diseño de interfaz para evitar valores predeterminados genéricos de IA, implementar tipografía/color/animaciones bien pensadas y crear experiencias de usuario pulidas basadas en la investigación de diseño de Claude Code. Fuente: bejranonda/llm-autonomous-agent-plugin-for-claude.

¿Cómo instalo frontend-aesthetics?

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/bejranonda/llm-autonomous-agent-plugin-for-claude --skill frontend-aesthetics 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/bejranonda/llm-autonomous-agent-plugin-for-claude