INTERACTIVE LAB
Meet Claude: your new AI teammate
{{ railMeterMsg }}
Diploma in IT · Interactive lecture
Every chapter has something to try.
Every chapter has something to try.
CHAPTER 1 · HOW CLAUDE WAS MADE
First it studied. Now it just answers.
Think of a chef. For years they study thousands of recipes — that's training. When you order dinner tonight, they don't re-study anything; they just cook — that's using the model (the technical word is "inference"). Claude studied a huge slice of the internet once. Every chat you have is just the cooking.
CHATTING — EVERY TIME YOU TYPE
🧊
The brain is now frozen. It answers in seconds, but nothing you say changes it permanently.
WHAT DO YOU THINK?
So… is Claude learning about YOU while you chat with it?
No — the brain is frozen. The only thing Claude "remembers" is what's written in the current conversation. And that conversation lives in something called the context window — next chapter!
CHAPTER 2 · CLAUDE'S MEMORY
Claude's memory is a desk, not a warehouse
Everything Claude can "see" right now — your messages, your files, its own replies — must fit on one desk. It's a huge desk (about a 500-page book's worth), but when it's full, the oldest papers slide off the edge and Claude genuinely forgets them. Try it:
{{ d.label }}
Empty desk — right now Claude knows nothing about this conversation.
{{ meterMsg }}
Sound familiar? Ever had a long chat where the AI "forgot" what you said at the start? Now you can picture exactly why.
CHAPTER 3 · SECRET INSTRUCTIONS
Someone whispers to Claude before you say hello
Before your first word, a hidden note called the system prompt is already on the desk: "here's who you are, here's how to behave." You never see it — but it shapes every answer. Change the note, ask the same question, and watch:
🤫 THE HIDDEN NOTE (USER NEVER SEES THIS)
{{ sysText }}
Why should I learn about AI?
{{ sysAnswer }}
The take-away: same brain, same question, three personalities. When two AI apps "feel" different, the difference often lives in this hidden note — not in the brain.
CHAPTER 4 · X-RAY MODE
Chat with Claude — and see behind the curtain
Tap the three questions below, one at a time. The chat is on the left; the X-ray panel on the right shows what's secretly happening — including the moment Claude needs outside help, and the moment it admits "I don't know".
CHAPTER 5 · MCP — THE UNIVERSAL PLUG
How Claude gets hands: MCP
Claude's brain is stuck in a box — it can't check the weather, read your calendar, or book a room. MCP (Model Context Protocol, made by Anthropic — the company behind Claude) is like the USB-C of AI: one standard plug that lets Claude connect to almost anything. Claude plugs in on one side; a weather service, database or calendar plugs in on the other.
🧠 Claude
asks for help
does the job
TRY IT YOURSELF
Fill in Claude's "request form": get tomorrow's weather for the Bukit Jalil campus.
1 · WHO DO WE CALL?
2 · WHAT DO WE ASK FOR?
3 · WHAT DETAILS DO THEY NEED?
{{ mcpJson }}
👆 That dark box is the actual message Claude sends — this is what MCP looks like on the wire. You just wrote one!
{{ mcpFb }}
CHAPTER 6 · THE THREE WAYS TO UPGRADE CLAUDE
MCP vs Skills vs Plugins — the kitchen analogy
🔌
MCP CONNECTION
The appliances
A live plug into the outside world — the oven, the phone line, the delivery app. Lets Claude actually do things: check weather, read databases, send messages.
📖
SKILL
The recipe book
Written know-how Claude opens when the task matches — "this is exactly how we format reports here". No plug needed, just instructions to follow.
🎁
PLUGIN
The meal kit
Everything boxed together — recipes AND the right plugs — that someone else prepared. Install in one click and Claude gains a whole ability.
TEST YOUR INTUITION
Appliance, recipe book, or meal kit? Tap and see — wrong guesses are free. {{ matchScore }}
{{ t.task }}
CHAPTER 7 · THE BIG PICTURE
Everything you met today, in one picture
This is the image to carry home. If you can redraw this on a napkin, you understand Claude better than most people on the internet.
🤫
The hidden note
Secret instructions: who to be, how to behave
🧠
Claude
a frozen brain that guesses the next word
🗂 The desk — its memory of this chat. Full desk = oldest papers fall off.
🔌 MCP — the universal plug
Live helpers: weather, databases, calendars — real hands in the real world
📖 Skills — recipe books
Written know-how it opens when the task matches
🎁 Plugins — meal kits
Recipes + plugs boxed together, installed in one click
1 · Claude studied once, long ago — chatting never changes its brain.
2 · Its memory is a desk: only what's in this conversation, and it can overflow.
3 · A hidden note shapes its personality before you ever say hello.
4 · It guesses likely words — so for live facts it needs helpers, or it should say "I don't know".
5 · MCP plugs it into the world; Skills teach it your way; Plugins box both up to share.
LECTURER BAR