You build a small FigJam‑style app step by step in this workshop. You use Claude Code, Opus 4, Cursor IDE, and the McKay App Template. The template runs on Next.js, Supabase, and Clerk. You focus on clear tasks and real project flow.
What You Learn
You work through each part of the project with short, clear tasks. You set up the tools, plan your work, and build the core features of the editor.
Setup and Tools
- Start with a full-stack template that has auth and a database ready.
- Work in Cursor IDE with Claude Code as your main helper.
- Use the Opus 4 model from Anthropic for coding support.
Project Files and Workflow
- Create and tune a cloud.md file with rules for your agent.
- Plan tasks and track progress with tasks/to-do.md.
Building the MVP
- Add core tools: stickers, shapes, text, drag actions, and boards.
- Save and load board state.
- Plan the UI in a FigJam‑style layout.
- Build the canvas with drawing, moving, and scaling features.
