Frontend Design

Crea interfaces frontend de nivel productivo con un diseño distintivo. Genera código pulido que evita la estética genérica de la IA.

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».

Otros plugins

Claude aprende lluvia de ideas, desarrollo de subagentes con revisión de código, depuración, TDD y creación de habilidades a través de Superpowers.

Code Review

Revisión de código con IA mediante agentes especializados y filtrado por nivel de confianza para solicitudes de cambios

Servidor MCP de Upstash Context7 para consulta de documentación en tiempo real. Incorpora documentación específica de versión y ejemplos de código de los repositorios fuente al contexto del LLM.

Code Simplifier

Agente de claridad de código: simplifica y refina el código modificado recientemente sin alterar la funcionalidad ni la coherencia.

Servidor MCP de automatización de navegador y pruebas end-to-end de Microsoft. Permite a Claude interactuar con páginas web, tomar capturas de pantalla, rellenar formularios y automatizar flujos de trabajo de pruebas.

Servidor MCP oficial de GitHub para gestión de repositorios. Crea incidencias, gestiona solicitudes de cambios, revisa código, busca repositorios y accede a la API de GitHub desde Claude Code.