MCP HubMCP Hub
SKILL·8EE592

frontend-design-fix-svelte

matteocervelli
Actualizado 2 months ago
154 vistas
10
10
Ver en GitHub
Otrodesign

Acerca de

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.

Instalación rápida

Claude Code

Recomendado
Principal
npx skills add matteocervelli/llms -a claude-code
Comando PluginAlternativo
/plugin add https://github.com/matteocervelli/llms
Git CloneAlternativo
git clone https://github.com/matteocervelli/llms.git ~/.claude/skills/frontend-design-fix-svelte

Copia y pega este comando en Claude Code para instalar esta habilidad

Repositorio GitHub

matteocervelli/llms
Ruta: frontend-design-system/skills/_archive/frontend-design-fix-svelte
0
FAQ

Frequently asked questions

What is the frontend-design-fix-svelte skill?

frontend-design-fix-svelte is a Claude Skill by matteocervelli. Skills package instructions and resources that Claude loads on demand, so Claude can perform frontend-design-fix-svelte-related tasks without extra prompting.

How do I install frontend-design-fix-svelte?

Use the install commands on this page: add frontend-design-fix-svelte to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.

What category does frontend-design-fix-svelte belong to?

frontend-design-fix-svelte is in the design-system category, tagged design.

Is frontend-design-fix-svelte free to use?

Yes. frontend-design-fix-svelte is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.

Habilidades relacionadas

frontend-design-fix-vue
Otro

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.

Ver habilidad
frontend-design-fix-react
Otro

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.

Ver habilidad
frontend-design-fix-html
Otro

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.

Ver habilidad
content-collections
Meta

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.

Ver habilidad