Feel The Vibe

AI Enabling Workshop

Master AI-powered development tools in a hands-on session

Workshop Materials & Setup Guide

Prerequisites

Install these tools before the workshop

Homebrew

Package manager for macOS. Required to install Node.js.

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

Node.js

JavaScript runtime. Install via Homebrew after installing it.

brew install node

Claude Code CLI

AI coding assistant CLI from Anthropic.

curl -fsSL https://claude.ai/install.sh | bash

Claude Code Toolkit

Toolkit for Claude Code CLI.

npx @macpaw/cctk

OrbStack

Fast, lightweight Docker & Linux on macOS. Alternative: Docker Desktop.

brew install orbstack

Project 1

Prompts for the first mini-project

Premium Landing Page

Build an Apple-style dark premium landing for CleanMyMac with bold typography, GSAP scroll animations, and minimalist aesthetics

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris. Nisi ut aliquip ex ea commodo consequat.
Will be unlocked soon

Scroll-Driven Video Hero & Features

Create an immersive hero with scroll-synced video playback, animated feature sections, CTA banner, and a sleek footer

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris. Nisi ut aliquip ex ea commodo consequat.
Will be unlocked soon

Project 2

Prompts for the second mini-project

Project Bootstrap

Scaffold PokéShop — a cute Pokémon marketplace with Next.js, Tailwind, shadcn/ui, Drizzle ORM, and Better Auth

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris. Nisi ut aliquip ex ea commodo consequat.
Will be unlocked soon

Pokémon Catalog

Build a filterable, paginated catalog with rarity-based pricing, type badges, and legendary glow effects

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris. Nisi ut aliquip ex ea commodo consequat.
Will be unlocked soon

Pokémon Details Page

Design an immersive Pokémon profile with animated stats, type-colored gradients, and purchase UI

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris. Nisi ut aliquip ex ea commodo consequat.
Will be unlocked soon

Authentication System

Implement email/password auth with Better Auth, login/register flows, and PokéCoins balance tracking

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris. Nisi ut aliquip ex ea commodo consequat.
Will be unlocked soon

Purchase Flow

Build the buy-a-Pokémon flow with confirmation modal, balance validation, and confetti celebration

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris. Nisi ut aliquip ex ea commodo consequat.
Will be unlocked soon

User Cabinet

Create a personal dashboard with purchase history, collection stats, profile settings, and account management

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris. Nisi ut aliquip ex ea commodo consequat.
Will be unlocked soon

Final Polish & Animations

Add staggered card animations, shimmer effects on legendaries, responsive perfection, and smooth page transitions

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris. Nisi ut aliquip ex ea commodo consequat.
Will be unlocked soon