Classroom · the learner's path
Learn AI by building the real thing you need.
You bring a real project. You learn the prescribed curriculum by building it, guided by the Professor — narrate, do, verify — one section at a time. You walk out with three things:
What you can do with this — most impactful first
Same path for everyone; only the real project differs. Ranked by impact — the vibe coder shipping a real portfolio piece leads.
- 01 Ship a real portfolio piece — the killer use caseA vibe coder who built something with AI enrolls, runs the sessions around their actual app or site, and ships a deployed portfolio piece from week one. See the portfolio step →
- 02 Add AI to your own fieldA domain expert — accountant, plumber, physician, lawyer — uses their own field as the worked example and walks out with a tool they actually use. See the build step →
- 03 Build the piece you'd show at interviewsA career pivoter enrolls with a target AI-adjacent role in mind and builds the portfolio piece they'd put in front of an interviewer. See where you set your goal →
- 04 Upskill without quitting your jobA working professional runs short sessions on lunch breaks, ships incrementally, and resumes in place — no full-time commitment. See the session arc →
- 05 Study toward a credentialA self-directed learner builds the real piece here, then hands off to the Tutor product for the certification path. See the audiences →
The path — tap any step to drill in
Discover Live · rebrand in flight
See, in seconds, that you leave with the deliverable trio — not a price, not "First Map".
OpenClose
See, in seconds, that you leave with the deliverable trio — not a price, not "First Map".
The live screen
What FOUNDER ruled (2026-07-10 ~05:35Z)
Keep the landing page up — there's a lot of indexable content — and restyle it to the AIU brand, including all favicons and OG images. The restyle is a separate lane; this path documents the step and does not touch public/.
Build spec
Sign up Live
Create an account and land in onboarding.
OpenClose
Create an account and land in onboarding.
The live screens
The behaviour
- Enter credentials → verify email → onboarding.
- Every state named: idle · submitting · error (named in text, colourblind-safe) · success.
- Pre-verification is an honest "check your email" fence — never a fake success.
Build spec
Get set up Live
Tell us where you are and how you want to learn — and get enrolled.
OpenClose
Tell us where you are and how you want to learn — and get enrolled.
The live screens
The five steps
- Where you are · your goal · a few honest self-checks.
- Pick a course — AI Fluency (recommended) or Claude Code Power User.
- Pick a mode — Web Classroom (recommended) or Claude Connector.
This is where the internal onboarding read (the "First Map") happens — it shapes what course is recommended, and is never shown as a deliverable.
Build spec
Your dashboard Live
Always know your current session and your real progress at a glance.
OpenClose
Always know your current session and your real progress at a glance.
The live screen
What's on it
- Your current session, a session map (locked → unlocked → in-progress → completed), real progress.
- Honest fences: no course seeded yet → "your curriculum is being prepared" (the Coming-Soon grain, told truthfully — never a fake count).
Build spec
The Professor-led session arc Live engine Content coming
The core loop: the Professor narrates, an interactive component teaches, a checkpoint verifies — one section at a time.
OpenClose
The core loop: the Professor narrates, an interactive component teaches, a checkpoint verifies — one section at a time.
The live screens
The loop, one line
"Your Professor narrates, interactive components teach, checkpoints verify." A section goes locked → active → completed; you advance only by genuinely passing the checkpoint. You resume on your next unfinished section.
The engine is live; the content is coming
The loop runs today. The AI-101 content inside it is being rewritten (assessed "shallow, slow, boring") — so the content grade is Coming-Soon until the overhaul lands.
Build spec
The org side — how a lesson is made (and the line a builder never crosses)
Build your real thing Live
You learn the prescribed curriculum by building the real project you brought — each session ships a usable deliverable.
OpenClose
You learn the prescribed curriculum by building the real project you brought — each session ships a usable deliverable.
The model — hold this exactly
- Curriculum ≠ project. The curriculum is the defined, prescribed skill path. The project is the real thing you build to apply it. Your need is not the curriculum.
- Criteria-based grading. Every learner's portfolio is different because the project is yours — graded on did-you-solve-a-real-problem, measure results, document process.
Build spec
Your portfolio & the deliverable trio Live
The honest record of real, self-built work — the payoff you walk out with.
OpenClose
The honest record of real, self-built work — the payoff you walk out with.
The live screens
The trio, in plain words
The record states only what the system can verify — coursework done, artifact present. A real-world payoff (got a job, landed a client) is outside-world, so it reads "reported, not attested," never asserted as fact.
Build spec
Continue learning Live surface No price yet
The free trial is Sessions 1–2; beyond it you're invited to continue — honestly, with no price shown.
OpenClose
The free trial is Sessions 1–2; beyond it you're invited to continue — honestly, with no price shown.
The live screen
The rule
No dollar amount, no plan table, no checkout renders — pricing is pulled until full release. A trial learner cannot slip past the trial by direct URL; the gate is server-side.
Build spec
Who walks this path — every audience, one flow
Same path for everyone; only the real project differs (the flexible-curriculum model — no screen assumes an industry).
How a lesson is produced — the org side
Seed data (v3-sessions.ts) ──seed──▶ Courses/Sessions ──reads──▶ Learner surfaces
Professor instruction layers ───────────┐ (student-facing fields only)
▼ ▲
THE PROFESSOR ◀── your input ─────┘
("You are the AI Uni Professor")
│
narrate · interactive component · checkpoint · evaluate(rubric)
│
Progress + evaluation ──▶ Portfolio & record
Instruction-layer priority (higher overrides lower):
tool-reminders ▶ client-specific ▶ base ▶ seed data
Full Mermaid + ASCII diagrams (learner activity flow AND this org-side workflow), plus every packet and test case, live in the build spec. Open the full diagrams →
Classroom · Design Hub entry. The live product is the pixel authority; this hub is the map over it. Everything above is grounded in the live site + s88-product-use-case-map.md §2 + the binding Classroom product-model notes — nothing is invented.
Build spec: flows · requirements · test cases · Open the live product · Marketing home
Authored by the Designer seat · GOAL1 lane · 2026-07-10. Colourblind-safe (glyph + word + lightness). No price shown (pulled until full release).