frontend-design-fix-svelte

Esta habilidad mejora automáticamente los diseños genéricos de componentes Vue aplicando mejoras sistemáticas en tipografía, color, movimiento, composición espacial y fondos. Analiza archivos Vue existentes para identificar patrones sosos y los transforma en interfaces distintivas utilizando el framework de diseño de Anthropic. Úsala cuando necesites mejorar rápidamente la estética visual de tus componentes Vue más allá de un estilo básico.

Esta habilidad de Claude mejora automáticamente los diseños genéricos de componentes React aplicando mejoras estéticas en tipografía, color, movimiento, composición espacial y fondos. Analiza los componentes existentes para identificar patrones insípidos, luego los mejora sistemáticamente utilizando el framework de diseño de Anthropic. Utiliza esta habilidad cuando necesites transformar rápidamente interfaces de usuario básicas de React en interfaces visualmente distintivas sin trabajo de diseño manual.

Esta habilidad transforma diseños genéricos de HTML/CSS aplicando mejoras estéticas en tipografía, color, movimiento, composición espacial y fondos. Analiza el código existente para identificar patrones simples y los mejora sistemáticamente utilizando el framework de diseño de Anthropic. Úsala cuando necesites elevar rápidamente diseños frontend básicos a interfaces visualmente más distintivas.

Esta habilidad proporciona una configuración probada en producción para Content Collections, una herramienta centrada en TypeScript que transforma archivos Markdown/MDX en colecciones de datos con tipado seguro mediante validación Zod. Úsala al construir blogs, sitios de documentación o aplicaciones Vite + React con mucho contenido para garantizar seguridad de tipos y validación automática de contenido. Abarca todo, desde la configuración del plugin de Vite y compilación MDX hasta la optimización de despliegue y validación de esquemas.