Frontend Design
Frontend design skill for UI/UX implementation
Genera interfaces frontend de nivel productivo y carácter propio que destacan frente a los diseños genéricos producidos por IA. Este plugin permite a Claude crear código pulido con decisiones estéticas atrevidas, tipografía y paletas de color distintivas, animaciones de alto impacto y detalles visuales adaptados al contexto.
El plugin establece un marco de diseño antes de empezar a programar: identifica el propósito, el público objetivo y una dirección estética concreta (brutalista, maximalista, retro-futurista, de lujo, lúdica, etc.). Evita deliberadamente los patrones más comunes, como las fuentes del sistema genéricas, los gradientes de morado predecibles y los componentes sin personalidad.
Las áreas de diseño clave incluyen una tipografía cuidada con combinaciones de fuentes inesperadas, movimiento orquestado e interacciones activadas por scroll, composición espacial con asimetría y elementos que rompen la cuadrícula, y profundidad visual mediante gradientes, texturas y efectos por capas.
Cómo usarlo: Pide a Claude que construya interfaces frontend y esta función se activará automáticamente. Prueba con instrucciones como «Crea un panel de control para una app de música en streaming», «Crea una landing page para una startup de seguridad con IA» o «Diseña un panel de ajustes con modo oscuro».