frontend-design-fix-html

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 mejora automáticamente los diseños genéricos de componentes Svelte aplicando mejoras estéticas en cinco dimensiones clave: tipografía, color, movimiento, composición espacial y fondos. Analiza los componentes existentes, identifica anti-patrones de diseño y los transforma sistemáticamente en interfaces visualmente más distintivas. Úsala cuando necesites mejorar rápidamente el atractivo visual de componentes Svelte insípidos dentro de tu proyecto.

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.