<aside> ✨
Turn your class notes into your own study site. Copy the prompt, fill in the blanks, and send it to Claude with your notes.
</aside>
<aside> 💜
From @finding.steph. Questions? Comment on my video and I'll help.
</aside>
<aside> 🔒
Want it done for you? This prompt gets you most of the way, but AI still needs some finessing and love: checking every answer, filling the gaps it misses, and tuning it to how your prof asks questions. Lock In does that part for you. Send your course materials and get a checked study site within 24 hours.
</aside>
| What | Example |
|---|---|
| Your course and exam | BIO 1001A midterm, Sun 4pm, 2 hrs, 35 multiple choice |
| What's on it (and what's not) | Units 1 to 5, not lecture 12 |
| Topics you're weakest on | Mitosis, DNA replication |
| Your slides and notes | PDFs or a Google Drive link |
| Practice tests with answers ⭐ | Past midterms, quizzes |
| Videos you're tested on | Weekly reels, YouTube links, recorded lectures |
<aside> ⭐
Practice tests make the biggest difference. They keep the questions close to how your prof actually tests.
</aside>
<aside> 👇
Tap copy. Fill in the top part. Leave the rest as is.
</aside>
I have an exam coming up and I want you to build me an interactive study site for it. Plan with me first, ask me any questions you need, then build it.
FILL THIS IN
Me: [your name], [your year and program]
Course: [course code and name]
Exam: [test name], [date and time], [length], [format, e.g. 35 multiple choice]
What's on it: [chapters/lectures/units covered, and anything my prof said is NOT on it]
What I want to focus on (the topics I'm weakest on): [list your topics]
How my course is organized: [e.g. by week and chapter, with lecture titles]
My course materials: [Google Drive folder link, or say "attached" and attach your slides, notes, practice tests with answer keys, past midterms, study guides]
Videos I'm tested on: [YouTube or other links, e.g. the prof's weekly reels, or "none"]
LEAVE EVERYTHING BELOW AS IS
HOW TO WORK
1. Read every file in my materials first, and every video I listed. For YouTube videos, open each one in Claude in Chrome and read its transcript. If you can't open something, tell me and try another way. Don't guess at content you haven't seen.
2. Cover ALL the material on my exam, and nothing that isn't. Every lecture, chapter, tutorial and video I listed gets its own lessons. Don't merge or skip any.
3. Use my course's own wording, definitions, and framing. If a textbook says it differently, go with my course.
4. Organize everything the way my course does: group by week or chapter using the real chapter names, and name each lesson after its lecture. Don't invent your own topic groups.
5. Before building, show me a short plan: the list of lessons under each week or chapter, roughly how many questions per topic, and what the site will have.
6. After building, review everything like my professor would: check every fact, answer key, and explanation for accuracy, and tell me if anything is lower priority for this exam.
WHAT I WANT IN THE SITE
- Layout: a left sidebar listing every lesson, grouped by week or chapter, with a dot showing my progress on each. Tabs across the top in this order: Learn, Rapid review, Tables, Cards, Quiz, Drills, Prof's questions (or Past tests), My results.
- Lessons: full lessons, NOT condensed summaries. Each one covers everything from that lecture or chapter: what they'll test me on, all the key points and definitions (tables where useful), a worked example, and the common exam trap. Highlight the most testable lines. Videos get their own lessons too. Put my focus topics first, pinned and starred, with a "X of N mastered" bar and a "Quiz me on my focus list" button.
- Visuals: I learn better with pictures, so draw clear, labelled diagrams for anything visual (processes, stages, structures), right in the lessons, plus a page with all of them together.
- Practice questions: exam style multiple choice covering every concept, weighted toward high yield topics and my focus list. Every question should explain why the right answer is right AND why each wrong option is wrong.
- Prof's questions: every practice question my prof asks in lectures or slides (like "check your knowledge" questions), in their wording, sorted by week.
- Past tests: the real questions from my practice tests and past exams, shown as images cropped from the originals (with any answer highlighting removed), using the official answer key.
- When I answer a question (outside timed mocks), give me three buttons:
- "Review the lesson": opens that concept's lesson in a side panel so I don't lose my place
- "Explain it more": a prewritten "explained another way" version of the concept (plain words, an analogy or step by step walkthrough, a memory trick), the diagram, and related questions
- "Ask a question": a search box where I can type a question in my own words and get matching prewritten answers
- Searchable questions: write 4 to 10 common student questions with short answers for every concept (more for my focus topics), including simple "what is X" definitions for every key term. Test the search with 30+ questions phrased the way a student would ask, and fix any that miss.
- Confidence tracking: after each answer, let me mark "I was sure" or "I guessed". Track each concept as untested, gap, shaky, misconception (wrong but I was sure), or mastered (right and sure at least twice).
- Quiz modes: my focus list (shown first), a timed mock exam matching the real exam's length and topic mix (no feedback or hints until the end), a full diagnostic, a weak spot drill, by topic, and retry missed.
- Flashcards: SHORT. A term on the front and one line on the back. No paragraphs.
- A rapid review mode, starting with my focus list.
- Practice drills for any calculation or problem type that keeps showing up on the exam, with random values so I never run out.
- Results page: my progress by topic and on my focus list, plus the weakest concepts I should review next.
- Little "pockets of joy": short, cute, subject themed encouragements that pop up now and then (a greeting, streaks, milestones, something kind after a wrong answer). Keep them quiet during the timed mock.
- A countdown to my exam at the top.
DESIGN AND TECH
- One self contained HTML file published as an artifact so I can open it from a link. Everything works offline, with no external images or scripts (embed images as data URIs).
- Calm and easy on the eyes since I'll be staring at it for hours: soft, low saturation colours, readable fonts, works on my phone and laptop, supports dark mode.
- Save my progress in localStorage, wrapped in try/catch.
- No live AI calls, so it doesn't use up my usage. Everything is prewritten.
- Before publishing, test it in a headless browser: every question has a valid answer and explanations for each wrong option, every view loads, drills produce valid questions, and there are no console errors. Check screenshots on desktop and mobile and fix any layout issues.
When it's done, give me a short summary of what's in it and how you'd suggest I use it before the exam.
📖 Learn
✏️ Practice
📈 Track