PTENES

Course tracks

16 skills, 4 types of work. Choose based on what your page needs: build from scratch, give it an identity, add motion/video, or support it with diagrams, tests, and research.

🏗️
TRACK 1 · BUILD4 skills

Build interfaces

The skills that make the page come to life with quality: frontend-design (production-grade interfaces), impeccable (audit and polish), web-artifacts-builder (React/shadcn artifacts), and design-designer (prompt for Claude Design).

🎨
TRACK 2 · IDENTITY4 skills

Identity & themes

Create a consistent look and feel: theme-factory (10 themes + on-the-fly generation), brand-guidelines (branding), canvas-design (posters and art), and algorithmic-art (generative backgrounds in p5.js).

🎞️
TRACK 3 · MEDIA4 modules

Media & video

Add motion and video to the page: animation-designer (Framer Motion + CSS), 3d-animation-creator (scroll-driven), remotion (video in React), and seedance + HyperFrames/FFmpeg (loops and HTML→MP4).

🔎
TRACK 4 · SUPPORT4 skills

Diagrams, browser & research

What supports the page: beautiful-mermaid (Mermaid→SVG/PNG), excalidraw (natural-language diagrams), agent-browser (Playwright: test/take screenshots), and website-intelligence (competitive intelligence).