Saltar al contenido
PDF

Módulo 4 · Lección 18

Que tus apps se vean profesionales

Si le pides una app a la IA sin más, suele salir con un diseño reconocible: «se nota que lo ha hecho una IA». Anthropic, la empresa que crea Claude, publica gratis un repositorio de skills (lo verás en la lección 20) que cambian eso. Para tus apps, las más útiles son:

Skill Qué hace
frontend-design Interfaces con un diseño cuidado y personal, lejos del aspecto genérico de IA
theme-factory Paletas de colores y tipografías coherentes para tus apps
webapp-testing Prueba tu app en un navegador para encontrar fallos antes que tus alumnos
skill-creator Te ayuda a crear tus propias skills (lección 20)

Estas cuatro son las que más usarás para tus apps, pero el plugin trae 12 skills en total, con otras para crear arte generativo, carteles o documentos. En el README del repositorio tienes la explicación de cada una, o pregúntale a Claude: «¿Qué skills trae example-skills y para qué sirve cada una?».

Cómo instalarlas. Pídele a Claude: «Instala el marketplace de plugins anthropics/skills y el plugin example-skills». Por si quieres hacerlo tú, estas son las órdenes oficiales:

/plugin marketplace add anthropics/skills
/plugin install example-skills@anthropic-agent-skills

Cómo usarlas. Basta con mencionarlas: «Usa la skill frontend-design para rediseñar mi ruleta con un estilo alegre para Primaria».

Repositorio: github.com/anthropics/skills.

Pregúntale a la IA «Rediseña mi app con la skill frontend-design y explícame qué has cambiado y por qué.»