Make your first website with Claude Code
Create a simple website with Claude Code and open it locally.
Project templates
Start with a guided project.
Each template is a guided workflow. Hit Start and Mouseover narrates the next step while you work — until you reach a real, finished result. Browse by category, filter by time or audience, or search for the tool you want to use.
No projects match. Try a different search or clear the filters.
Start Here
Fast paths to a visible result, especially if this is your first guided session.
Turn your LinkedIn into a personal website
Use your real profile information to create a polished personal homepage with Claude Code.
Build an AI customer insights analyzer
Use Claude Code to build a local app that turns customer interview notes into a strategy-ready brief.
Build your UI/UX design portfolio
Use references to build and publish a simple portfolio website, then grow it with details.
Make a graduation memory book website
Use Claude Code to create a playful local memory book with sample stories, quotes, and photo placeholders.
Plan a full-stack app for designers
Turn a product idea, Figma references, MCP tools, stack choices, and AI-assisted feature slices into a buildable full-stack app brief.
Set up Claude Code on Mac
Install Claude Code on Mac and verify it works in Terminal.
AI Coding Tools
Set up coding agents and start them safely inside a real project.
Connect Developer Tools
Connect databases, browsers, and testing tools so agents can inspect real state.
Automate Work
Connect daily work sources into reviewable, approval-first routines.
Create Media
Turn a product story into a previewable creative artifact.
Make a launch video with Claude Code
Use Claude Code and Remotion to preview a product launch video.
Make a launch video with Codex
Use Codex and Remotion to preview a product launch video.
Generate article covers from Figma context
Use Figma context and HTML/CSS to create reusable article cover images.
Plan YouTube and podcast clips
Turn a long transcript into short clip ideas, hooks, captions, titles, and thumbnail concepts.
Make a Rive animated icon microinteraction
Embed a Rive icon in a local HTML page and wire its state machine to hover and click.
Build a Rive interactive mascot hero
Place a Rive mascot in a local hero section that follows the cursor and reacts to clicks.
Animate a hero with GSAP and SplitText
Build a local hero section that animates in on page load using GSAP timelines and SplitText.
Make a cinematic launch video with Higgsfield
Plan a shot list, generate cinematic shots with Cinema Studio camera presets, and export a 15-30s launch video.
Tell a scroll story with GSAP ScrollTrigger
Build a local one-page landing site with pinned hero, scroll reveals, and parallax using GSAP ScrollTrigger.
Generate UGC ad variants with Higgsfield Marketing Studio
Use Higgsfield Marketing Studio to generate a batch of UGC-style ad variants for Meta and TikTok.
Generate GTM hero images with Higgsfield Soul
Use Higgsfield Soul 2.0, Soul ID, and Soul HEX to generate brand-consistent hero images for a launch page.
Build an avatar spokesperson video with Higgsfield
Use Higgsfield Lipsync Studio with Speak 2.0 to turn a script into a clean talking-head spokesperson video.
Grade your first clip in DaVinci Resolve
Correct, grade, and export one short clip on the Color page.
Grade log footage with a cinematic look
Set color management for log/RAW footage and build a clean film look.
Match shots and build a LUT in DaVinci Resolve
Use Shot Match to match clips to a reference and export a reusable 3D LUT.
Color skin and add a beauty pass in DaVinci Resolve
Isolate skin with HSL Qualifier, correct hue, and add a controlled beauty pass.
AI Art & Visuals
Turn node-based tools and diffusion models into work you can see, hear, and interact with.
Make audio-reactive visuals in TouchDesigner
Wire the audioAnalysis palette component into a geometry so your visual pulses with music.
Write your first GLSL shader in TouchDesigner
Build a GLSL TOP that renders an animated procedural pattern driven by a custom time uniform.
Real-time AI art with StreamDiffusionTD
Pipe a live TouchDesigner source through StreamDiffusionTD for real-time diffusion-restyled visuals.
Generate your first image with ComfyUI on Mac
Install ComfyUI Desktop on Apple Silicon, load the default SDXL workflow, and render your first prompt locally.
Pose-controlled character art with ComfyUI ControlNet
Add an SDXL OpenPose ControlNet branch so your character matches a reference pose.
Style transfer with ComfyUI IPAdapter
Use IPAdapter Plus on SDXL to apply a style reference to your own content image.
Render your first on-brand image with an OpenAI or Gemini pipeline
Use a coding agent to set up a small OpenAI or Gemini image pipeline, write a brand style block, and render your first on-brand image.
Build Business Tools
Create local business tools with checked data, math, templates, and review steps.
Create a quote and agreement generator
Build a local generator for quote totals and agreement drafts from structured data.
Build a Gmail follow-up CRM
Turn selected Gmail threads into a lightweight tracker for sales, partnerships, hiring, or founder follow-ups.
Build a support triage assistant
Turn messy support tickets into priority buckets, draft replies, bug reports, and product feedback themes.
Build a competitor research brief generator
Turn public competitor pages, changelogs, pricing, and social posts into a weekly strategy brief.
Organize expense receipts
Extract receipt details into reviewable categories, totals, vendor names, and a spreadsheet export.
Draft an investor update
Turn metrics, wins, blockers, asks, and roadmap notes into a clean monthly investor update draft.
Organize Knowledge
Create local note and wiki workflows with clear AI editing boundaries.
Organize Obsidian with Claude Code
Set up an Obsidian vault and use Claude Code to organize notes safely.
Organize Obsidian with Codex
Set up an Obsidian vault and use Codex to organize notes safely.
Search your articles and notes with RAG
Build a local notes search workflow that answers with citations.
Build a course or workshop
Turn expertise notes into a lesson outline, slide structure, exercises, and student checklist.
Build a personal knowledge newsletter
Turn saved articles and notes into a short weekly email draft with links and takeaways.
Build a Karpathy-style wiki
Build a Karpathy-style Obsidian wiki from raw sources with Claude Code.
System design interview
Focused workflows that Mouseover can guide step by step.
Design a URL shortener (warm-up)
Practice the system design interview framework on the classic warm-up problem.
Design YouTube
Mock interview: design a video sharing platform with chunked upload, transcoding, and CDN delivery.
Design TicketMaster
Mock interview: design an online ticketing system that prevents double-booking under on-sale spikes.
Design Twitter / X home feed
Mock interview: design a social home feed with the classic hybrid fanout deep dive.
Design Uber
Mock interview: design a ride-hailing system with geospatial matching and real-time location.
Design WhatsApp
Mock interview: design a real-time messaging system with long-lived connections and multi-device delivery.
Design a RAG-powered LLM application
Mock interview: design a retrieval-augmented Q&A system with cost, latency, and eval as first-class concerns.
Career Workflows
Focused workflows that Mouseover can guide step by step.
Thinking Lenses
Load focused reasoning frameworks for better reviews, decisions, and tradeoff checks.
Run the taste critic lens
Get screen-aware critique of design, copy, and product presentation with concrete fixes.
Teardown a conversion page
Find the biggest visible reason a qualified visitor would not understand, trust, or take action.
Run a founder reality check
Find the weakest startup assumption and the smallest customer-facing test.
Use the senior PM lens
Turn vague feature work into a clear problem, outcome, scope, evidence, and next decision.
Review data like a skeptic
Catch misleading dashboards, weak metrics, bad comparisons, and unsupported data claims.
Use the staff engineer review lens
Review code, diffs, APIs, and architecture for correctness, maintainability, security, and reliability.
Review an AI feature for risk
Find prompt-injection, data, tool-permission, overreliance, eval, and rollout risks in AI products.
Unblock a debugging session
Diagnose visible errors by isolating the smallest symptom and the next useful observation.
Review privacy and trust risk
Catch trust-breaking data collection, unclear consent, overbroad permissions, and disclosure gaps.
Prep a negotiation
Clarify leverage, alternatives, interests, tradeoffs, and the next message before negotiating.
Edit for writing clarity
Make visible writing easier to understand, trust, scan, and act on.
Make a decision memo sharper
Turn messy notes, updates, proposals, and strategy docs into decision-ready memos.
Use the Munger decision lens
Load a Charlie Munger-inspired reasoning lens for concise decision feedback during a working session.
Run a misjudgment checklist
Use Munger's psychology-of-misjudgment framework as a practical diagnostic checklist.