frontend-design

SKILL.md

This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices.

The user provides frontend requirements: a component, page, application, or interface to build. They may include context about the purpose, audience, or technical constraints.

Before coding, understand the context and commit to a BOLD aesthetic direction:

Cree interfaces frontend audaces, de alta gama y de nivel de producción con la mentalidad de un diseñador de UI/UX e ingeniero de frontend profesional. Esta habilidad se utiliza cuando el usuario solicita diseñar o rediseñar interfaces web (componentes, páginas, paneles o aplicaciones) que deben parecer intencionales, distintivas y no genéricas. El modelo debe inspirarse activamente en una amplia gama de referencias de diseño del mundo real (por ejemplo, interfaces de productos modernas, diseños editoriales, sistemas de diseño, diseño web experimental, tendencias observadas en plataformas como Pinterest, Awwwards, Dribbble), sin copiar ninguna fuente única. El resultado debe ser un código real, listo para implementar, pero debe evitar componentes rígidos, similares a plantillas o demasiado simétricos con apariencia de IA. Los diseños, el espaciado, la tipografía, la jerarquía y los patrones de interacción deben parecer diseñados, no generados. Se da preferencia a una dirección visual fuerte, decisiones de UX bien pensadas y experimentación controlada sobre patrones de UI seguros o convencionales. Fuente: le-dat/claude-skill-engineer.

Ver original