Make your first website with Claude Code
A working HTML/CSS website in a local folder.
Needs: Mac, Claude account
Not sure where to start?
Start from a ready-made project, or bring your own goal. Mouseover will guide the next command, prompt, link, or checklist while you work.
These are starting points, not limits. You can also define your own project in Mouseover and learn anything you want to make, understand, or practice.
Fast paths to a visible result, especially if this is your first guided session.
A working HTML/CSS website in a local folder.
Needs: Mac, Claude account
A local personal homepage built from your LinkedIn, resume, or profile information.
Needs: Mac, Claude account, LinkedIn or profile info
A local customer insights app that turns interview notes into a founder-ready brief with Claude Code.
Needs: Mac, Claude account, Customer notes optional
A local graduation memory book website that feels like a digital scrapbook.
Needs: Mac, Claude account, Memories optional
Claude Code installed, logged in, and ready inside a project folder.
Needs: Mac, Claude account
Set up coding agents and start them safely inside a real project.
Cursor configured for a project with one reviewed Agent workflow.
Needs: Mac, Cursor account, Project folder
Codex CLI signed in with project instructions and safe sandbox defaults.
Needs: Mac, ChatGPT or API access, Node or Homebrew
Connect databases, browsers, and testing tools so agents can inspect real state.
A scoped Supabase MCP connection that can inspect schema safely.
Needs: Supabase project, AI coding client
A browser automation setup that can explore a flow and create a test.
Needs: Node 20+, AI coding client
Connect daily work sources into reviewable, approval-first routines.
A daily brief that pulls agenda, inbox, and Notion context into one reviewable page.
Needs: Claude Code, Google account, Notion workspace
A local action tracker with decisions, owner review, due dates, and a CSV that can become a Notion board.
Needs: Claude Code, Meeting notes, Notion optional
Turn a product story into a previewable creative artifact.
A Remotion project with a product launch video ready to iterate.
Needs: Mac, Claude Code, Node
A Remotion project with a product launch video ready to iterate.
Needs: Mac, Codex CLI, Node
A local HTML cover generator that exports a polished PNG for articles or newsletters.
Needs: Claude Code, Figma access, Node
A local clip planning board with timecodes, hooks, captions, title options, thumbnail concepts, and an editor handoff.
Needs: Claude Code, Transcript, Owned or permitted content
A local web page with an interactive Rive icon driven by a state machine.
Needs: Claude Code, Rive Community file, Browser
A local landing hero with a Rive mascot driven by cursor and click inputs.
Needs: Claude Code, Rive Community mascot, Browser
A local hero page with a coordinated GSAP entrance animation and reduced-motion fallback.
Needs: Claude Code, Browser, Hero copy optional
An exported MP4 product launch video built from 2-4 Higgsfield Cinema Studio shots.
Needs: Higgsfield account, Web browser, Product hero image
A local landing page with a pinned hero, scroll-triggered reveals, parallax, and a reduced-motion fallback.
Needs: Claude Code, Browser, Short story idea
3+ UGC ad MP4s at the target aspect ratio, named for Meta Ads Manager or TikTok Ads upload.
Needs: Higgsfield account, Web browser, Product URL or 5 images
A downloaded hero image at the right aspect ratio with brand-consistent style and compliance checks done.
Needs: Higgsfield account, Web browser, Brand reference image
A 30-60s spokesperson MP4 at 1080p with clean lip-sync, captions, and an end-card CTA.
Needs: Higgsfield account, Web browser, Script (30-60s)
A corrected and lightly graded clip exported as an H.264 file.
Needs: Mac, DaVinci Resolve 20, One short clip
A managed log clip graded into Rec.709 with a subtle Film Look Creator pass, exported as a master.
Needs: Mac, DaVinci Resolve 20, Log or RAW clip
Matched clips, a saved PowerGrade, and a .cube LUT in the user LUT folder.
Needs: Mac, DaVinci Resolve 20, 2-5 clips to match
A portrait or UGC clip with corrected skin tones and a subtle beauty pass.
Needs: Mac, DaVinci Resolve 20, Portrait or UGC clip
Turn node-based tools and diffusion models into work you can see, hear, and interact with.
A TouchDesigner project where a shape clearly reacts to music or microphone input.
Needs: Mac or PC, TouchDesigner, Audio source
A TouchDesigner project with a working pixel shader animated by a custom uniform.
Needs: Mac or PC, TouchDesigner
A TouchDesigner project where a webcam, render, or shader is restyled live by StreamDiffusion.
Needs: TouchDesigner, NVIDIA RTX or Apple Silicon
A working ComfyUI Desktop install with one generated image saved to the output folder.
Needs: Apple Silicon Mac, 16+ GB unified memory recommended
A ComfyUI workflow that renders a character image matching a reference pose skeleton.
Needs: ComfyUI installed, SDXL Base model, Pose reference image
A ComfyUI workflow that combines your content composition with a style reference's look.
Needs: ComfyUI installed, SDXL Base model, Style and content references
Create local business tools with checked data, math, templates, and review steps.
A reviewable quote and agreement draft that stays local until the user chooses to send it.
Needs: Claude Code, Node, Approved terms
A local CRM with contacts, stages, due dates, next actions, risks, and draft reply copy.
Needs: Claude Code, Gmail account, Follow-up threads
A local triage dashboard with priority reasons, suggested replies, bug reports, and feedback exports.
Needs: Claude Code, Ticket export, Sample tickets optional
A local competitor brief dashboard with source links, confidence, implications, and weekly strategy recommendations.
Needs: Claude Code, Public competitor URLs, Source notes optional
A local receipt ledger with vendor totals, category totals, missing-field flags, duplicate checks, and a CSV export.
Needs: Claude Code, Receipt files or notes, Spreadsheet app
A local investor update generator with source-checked metrics, flags, and email-ready Markdown output.
Needs: Claude Code, Monthly metrics, Founder notes
Create local note and wiki workflows with clear AI editing boundaries.
A local vault with structure, templates, and safe AI editing rules.
Needs: Obsidian, Claude Code
A local vault with structure, templates, and safe AI editing rules.
Needs: Obsidian, Codex CLI
A scoped local index plus a cited answer workflow for articles and notes.
Needs: Claude Code, Node, Notes folder
A local course planning workspace with objectives, lessons, slides, exercises, alignment checks, and exports.
Needs: Claude Code, Expertise notes, Course idea
A local newsletter workspace with a sourced draft, subject lines, link ledger, and send checklist.
Needs: Claude Code, Saved articles or notes, Links optional
A raw/source folder and compiled wiki folder with linked entity notes.
Needs: Obsidian, Claude Code, Source material
Focused workflows that mouseover can guide step by step.
A complete 45-minute mock interview covering requirements, API, high-level design, deep dives, and tradeoffs.
Needs: Mac, Microphone, Whiteboard tool (Excalidraw, Figma, etc.)
A complete 45-minute mock covering upload, transcoding, playback, and the CDN deep dive.
Needs: Mac, Microphone, Whiteboard tool (Excalidraw, Figma, etc.)
A complete 45-minute mock covering seat locking, virtual waiting queues, and payment idempotency.
Needs: Mac, Microphone, Whiteboard tool (Excalidraw, Figma, etc.)
A complete 45-minute mock covering write fanout, celebrity carve-out, and feed storage.
Needs: Mac, Microphone, Whiteboard tool (Excalidraw, Figma, etc.)
A complete 45-minute mock covering H3 / S2 indexing, driver-rider matching, and live tracking.
Needs: Mac, Microphone, Whiteboard tool (Excalidraw, Figma, etc.)
A complete 45-minute mock covering WebSocket gateways, message ordering, and offline delivery.
Needs: Mac, Microphone, Whiteboard tool (Excalidraw, Figma, etc.)
A complete 45-minute mock covering retrieval, cost/latency tradeoffs, and quality guardrails.
Needs: Mac, Microphone, Whiteboard tool (Excalidraw, Figma, etc.)
Focused workflows that mouseover can guide step by step.
A local job-search workspace with truthful tailored drafts, profile evidence mapping, and an application tracker.
Needs: Claude Code, Resume or profile notes, Job post
Load focused reasoning frameworks for better reviews, decisions, and tradeoff checks.
Mouseover reviews the visible work for clarity, hierarchy, trust, proof, polish, and the next best edit.
Needs: Mouseover Live Session, Visible design, page, app, or deck
Mouseover reviews landing pages, pricing pages, product pages, forms, and checkout flows for conversion leaks.
Needs: Mouseover Live Session, Visible page, form, or checkout flow
Mouseover critiques ideas, pages, pitches, MVP plans, and roadmaps against customer evidence and real demand.
Needs: Mouseover Live Session, Startup idea, pitch, roadmap, or landing page
Mouseover reviews specs, tickets, roadmaps, experiment plans, and launch docs with senior product judgment.
Needs: Mouseover Live Session, Spec, ticket, roadmap, or product doc
Mouseover reviews charts, dashboards, spreadsheets, reports, experiments, and KPIs for decision risk.
Needs: Mouseover Live Session, Visible chart, dashboard, report, or spreadsheet
Mouseover gives senior engineering review feedback focused on the highest-risk issue and a concrete fix.
Needs: Mouseover Live Session, Code, diff, design doc, or PR
Mouseover reviews prompts, RAG flows, agents, AI UX, evals, and launch plans for practical safety gaps.
Needs: Mouseover Live Session, Prompt, AI app, agent, or launch plan
Mouseover guides terminal, browser, API, test, setup, permission, and logic debugging one safe step at a time.
Needs: Mouseover Live Session, Visible error, failure, or stuck workflow
Mouseover reviews product screens, permissions, analytics, AI workflows, support processes, and privacy copy.
Needs: Mouseover Live Session, Screen, flow, doc, or data plan touching user data
Mouseover helps review emails, offers, proposals, pricing, renewals, and difficult stakeholder conversations.
Needs: Mouseover Live Session, Message, offer, proposal, or negotiation notes
Mouseover reviews docs, emails, posts, support articles, scripts, proposals, and product copy for clarity.
Needs: Mouseover Live Session, Visible draft or copy
Mouseover reviews visible docs for decision, recommendation, options, evidence, tradeoffs, owner, and next step.
Needs: Mouseover Live Session, Memo, plan, update, proposal, or strategy doc
Mouseover quietly reviews your work through models like inversion, incentives, opportunity cost, and margin of safety.
Needs: Mouseover Live Session
A focused bias and incentive review that surfaces the few judgment traps most likely to matter.
Needs: Mouseover Live Session