Cargando la bóveda…
Cargando la bóveda…
Frontend Design, Canvas Design, Web Artifacts Builder, Theme Factory y Algorithmic Art. Las 5 son oficiales de Anthropic, gratis, y juntas te dan capacidad de diseñar páginas, posters, apps, paletas y arte generativo desde Claude. Sin Figma, sin Canva.
5 skills oficiales de Anthropic te dan capacidad de diseño que antes requería Figma + Canva + un diseñador junior. Las 5 son gratis y se instalan en 30 segundos cada una.
Le decís a Claude para qué es tu página/app y diseña todo:
400k+ devs ya lo usan. Es la skill oficial más popular del catálogo.
claude install-skill https://github.com/anthropics/claude-code/tree/main/plugins/frontend-design/skills/frontend-designLanding page para pastelería:
> Diseñá landing para pastelería artesanal. Colores cálidos,
tipografía elegante, animaciones suaves al scroll.
Incluí hero con foto, menú, testimonios, formulario contacto.Dashboard minimalista:
> Diseñá dashboard minimalista para app de finanzas personales.
Colores neutros, tipografía limpia, tarjetas con sombras suaves.
Incluí gráfico de gastos, lista de transacciones, resumen mensual.Genera pósters, portadas y gráficos para redes. Output: PNG o PDF listos para descargar.
A diferencia de Canva (plantillas que se ven igual a las de todos), Canvas Design genera diseño único respetando brief.
claude install-skill https://github.com/anthropics/skills/tree/main/skills/canvas-designPóster Instagram para curso:
> Póster para Instagram anunciando mi curso online de fotografía.
Colores oscuros con acentos dorados. Solo nombre del curso y fecha.
Mínimo texto, máximo impacto visual.Portada YouTube:
> Portada YouTube para canal de tecnología. Estilo moderno y limpio,
azul oscuro con detalles en cyan. Nombre del canal y tagline corto.Construye apps funcionales chicas sin código. 40+ componentes pre-armados, stack React + TypeScript + Tailwind. Output: archivo HTML ejecutable.
claude install-skill https://github.com/anthropics/skills/tree/main/skills/web-artifacts-builderCalculadora de precios:
> Calculadora de precios para servicio de diseño gráfico.
Inputs: tipo de proyecto (logo, póster, web), complejidad, urgencia.
Muestra precio estimado al instante.Organizador de tareas:
> Organizador de tareas con 3 columnas: Por Hacer, En Progreso,
Terminado. Drag and drop entre columnas. Diseño minimalista.Resuelve el problema de "qué colores + qué tipografía" en 5 segundos. 10 paletas profesionales pre-curadas, cada una con tipografía que combina perfecto.
También permite crear paletas custom desde cero según brief.
claude install-skill https://github.com/anthropics/skills/tree/main/skills/theme-factoryPaleta para SaaS:
> Mostrame las 10 paletas de Theme Factory y recomendá la mejor
para SaaS de productividad. Aplicala a un mock de interfaz.Tema custom:
> Tema custom para marca de café artesanal. Colores terrosos y
cálidos, tipografía orgánica + moderna.Genera arte algorítmico/generativo: fractales, espirales, sistemas de partículas, geometría. Esto Figma y Canva no lo pueden hacer.
100+ variaciones con controles interactivos en tiempo real (cambiás colores, velocidad, formas).
claude install-skill https://github.com/anthropics/skills/tree/main/skills/algorithmic-artFractal animado natural:
> Arte generativo inspirado en patrones de crecimiento natural —
ramas de árboles, raíces, corales. Verdes y dorados sobre
fondo oscuro. Controles para ajustar densidad y velocidad.Sistema de partículas:
> Sistema de partículas con patrones geométricos fluyendo como río.
Cyan y magenta sobre negro. Controles para cantidad de partículas
y fuerza del flujo.claude install-skill https://github.com/anthropics/claude-code/tree/main/plugins/frontend-design/skills/frontend-design && \
claude install-skill https://github.com/anthropics/skills/tree/main/skills/canvas-design && \
claude install-skill https://github.com/anthropics/skills/tree/main/skills/web-artifacts-builder && \
claude install-skill https://github.com/anthropics/skills/tree/main/skills/theme-factory && \
claude install-skill https://github.com/anthropics/skills/tree/main/skills/algorithmic-artNecesitás lanzar una landing para un curso online.
1. Theme Factory:
> Generá tema para landing de curso de fotografía profesional.
Audiencia: aficionados serios. Mood: aspiracional + premium.
2. Frontend Design (con el tema activo):
> Diseñá landing completa: hero, problema, solución, módulos
del curso, testimonios, FAQ, CTA final. Aplicá el tema.
3. Canvas Design:
> Generá 5 pósters de Instagram para promo del curso, usando
el mismo tema.
4. Algorithmic Art:
> Generame background animado sutil para el hero, alineado al
mood (no estridente, decorativo).
5. Web Artifacts Builder:
> Calculadora interactiva: "qué nivel sos" — 5 preguntas →
recomienda módulo de entrada. Embebible en la landing.Output total: landing + posters + animación + tool interactiva. Todo coherente visualmente porque empezaste con Theme Factory.
Tiempo estimado: 2-3h. Sin las 5 skills: 1-2 días + diseñador.
Cada skill ocupa contexto. Activá una a la vez según vayas necesitando. Después del lanzamiento, dejá activas solo las que usás regularmente.
Tentación: "queda lindo, lo pongo en el dashboard". Error. Arte generativo en UI funcional distrae al usuario. Reservalo para hero, backgrounds decorativos, splash screens.
Si pedís "diseñame landing" sin tema cargado, Claude usa defaults (azul + Inter). Va a salir correcta pero genérica. Cargá Theme Factory primero.
Web Artifacts Builder es excelente para tools chicas. Para app que va a producción con usuarios reales y datos persistentes, usá stack completo (Next.js + DB + Auth).
Para producto físico, foto real > diseño abstracto. Canvas Design es para promo/announcement, no para reemplazar fotografía de producto.
Stack completo: ~$900-1100/mes de valor equivalente.