Vibe Coding Workshop

Learn to use AI agents responsibly: prompt, debug, and review diffs so AI-written code for Wender stays clean, reliable, and maintainable.

Prevent LLM context rot: practical tricks for managing context, using Cursor, and shipping reliable vibe-coding apps in large codebases.

Build throwaway prototypes of an infinite canvas with movable iframe tiles: iterate in Next.js/React to discover minimal frontend and backend.

Safely update codebases: learn prompting techniques to select multiple artboards, manage LLM context in Cursor, and keep UI predictable.

Use the Explain Method to teach LLMs your code, enabling targeted edits, add multi-select and drag (shift to move multiple artboards) in Wender.

Review LLM-generated code: run branch diffs, open a new agent to triage issues into critical, should-fix, and low-priority items.

Build Brand Central: use a technical plan and LLM to manage a large refactor, wire a modal combining images & properties, and add unit tests.

Polish an AI-generated modal: iterate designs in Wender, import to Cursor, and implement a refined, brand-aligned UI.

Debug LLM-generated junk: rollback checkpoints, run explain & analyze prompts, use logs and model switching to find root causes and apply clean fixes.

Explore tools like Next.js, TypeScript, and Supabase to power Wender, plus tips on avoiding model dependence, security, and Git habits.

Tame coding agents: apply Cursor rules, run audits, and build review agents to keep your app secure, performant, and readable.