PTENES

Rutas del curso

16 skills, 4 trabajos. Elige según lo que necesite tu página: construir desde cero, darle identidad, agregar movimiento/video o apoyarla con diagramas, pruebas e investigación.

🏗️
RECORRIDO 1 · CONSTRUIR4 skills

Construir interfaces

Los skills que hacen que la página nazca con calidad: frontend-design (interfaces de nivel de producción), impeccable (auditar y pulir), web-artifacts-builder (artifacts de React/shadcn) y design-designer (prompt para Claude Design).

🎨
RECORRIDO 2 · IDENTIDAD4 skills

Identidad y temas

Dale un look & feel coherente: theme-factory (10 temas + generación on-the-fly), brand-guidelines (marca), canvas-design (pósteres y arte) y algorithmic-art (fondos generativos en p5.js).

🎞️
RECORRIDO 3 · MEDIOS4 módulos

Medios y video

Añade movimiento y video a la página: animation-designer (Framer Motion + CSS), 3d-animation-creator (scroll-driven), remotion (video en React) y seedance + HyperFrames/FFmpeg (loops y HTML→MP4).

🔎
RECORRIDO 4 · APOYO4 skills

Diagramas, navegador e investigación

Lo que complementa la página: beautiful-mermaid (Mermaid→SVG/PNG), excalidraw (diagramas en lenguaje natural), agent-browser (Playwright: probar/tomar capturas de pantalla) y website-intelligence (inteligencia competitiva).