TUTORIALS

Hands-on guides for building AI agents, automating with N8N, crafting scroll-driven websites, and mastering UI/UX. Real workflows. Real results.

N8N + AI
15 min Beginner

Build Your First AI Agent in N8N — Zero Code Required

Connect Claude or GPT-4 to N8N, add memory, tools, and triggers — and have a fully autonomous agent running in under an hour.

Web Design
30 min Intermediate

GSAP ScrollTrigger Masterclass: Scroll Animations That Wow

Learn how to build cinematic scroll-driven animations using GSAP ScrollTrigger — from basic pin sections to complex multi-element sequences.

Automation
20 min Beginner

Automate Instagram DMs with N8N and GPT-4 in 20 Minutes

Build a workflow that reads incoming DMs, generates personalized AI responses, and replies automatically — freeing you from manual customer engagement.

UI/UX
25 min Intermediate

Design a Dark UI That Converts: Color, Type & Hierarchy

A practical Figma walkthrough on building high-converting dark interfaces — from choosing your color system to setting typographic hierarchy that guides the eye.

Three.js
45 min Advanced

Build a 3D Hero Section with Three.js & GLSL Shaders

Go beyond flat design — build a fully interactive WebGL hero with custom GLSL shaders, responsive camera, and smooth performance on all devices.

AI Video
18 min Beginner

Create Brand Videos with AI: Runway + After Effects Workflow

Learn the exact workflow for generating AI video assets with Runway, then polishing them in After Effects for professional brand content delivery.