PTENES
CATÁLOGO · CLAUDE CODE · SKILLS DE DISEÑO

El arsenal para crear y mejorar páginas
con Claude Code.

Un curso-catálogo de los 16 skills que transforman Claude Code en un estudio de producto: construir interfaces, aplicar identidad visual, animar, poner video en la página, generar diagramas, probar en el navegador e investigar a la competencia. Cada skill analizada: qué hace, cuándo usarlo, cómo mejora tus páginas y prompts listos.

página punto de partida construir UI identidad y tema medios y video diagramas navegador e investigación página impecable

Los 4 grupos de skills convergen en una página mejor: diagrama ilustrativo

16
Skills analizados
4
Rutas
96
Temas
∞
Prompts listos

Las 4 rutas

Cada ruta agrupa skills según el trabajo que se debe realizar. Toma lo que tu página necesita.

🏗️RECORRIDO 1

Construir interfaces

Generar y rediseñar interfaces de calidad: frontend-design, impeccable, web-artifacts-builder y design-designer.

4 skills →
🎨RECORRIDO 2

Identidad y temas

Estilo visual coherente: theme-factory, brand-guidelines, canvas-design y algorithmic-art para fondos y piezas.

4 skills →
🎞️RECORRIDO 3

Medios y video

Movimiento y video en la página: animation-designer, 3d-animation-creator, remotion, seedance + HyperFrames/FFmpeg.

4 módulos →
🔎RECORRIDO 4

Diagramas, navegador e investigación

Soporte para la página: beautiful-mermaid, excalidraw, agent-browser (Playwright) y website-intelligence.

4 skills →

Cómo usar este catálogo

01

Identifica el trabajo

¿Tu página necesita nacer, adquirir identidad, movimiento o ponerse a prueba? Cada trabajo tiene un recorrido.

02

Elige el skill adecuado

Cada módulo analiza una skill: qué hace, cuándo se activa, cómo mejora la página y dónde se detiene.

03

Pega el prompt

Cada análisis incluye prompts listos para activar la skill en Claude Code y combinarla con las demás.