Concept
An AI learning platform that creates free, personalized and up-to-date learning paths + a study of what AI-assisted design looks like from 0 → 1.
1
Exploratory sprint: 0 -> deliverables in a single session
13
Section comprehensive PRD produced
7
Key deliverables; from competitive analysis to functional prototype
My role
Took an idea from concept to functional prototype through research, strategy, design direction, documentation
Tools
Claude (Anthropic) · Figma MCP · Figma
Duration
Exploratory sprint
(single session, iterative)
Type
Self-initiated concept · AI-assisted design exploration
This project started as a curiosity to try an AI tool as a genuine product and design partner from the very start of a project. No brief. No existing design system. Just an idea and a conversation.
Professionals in every field can sense that AI is changing their work, but most don't know what to learn, where to start, or whether the content they are consuming is even still relevant. Existing solutions like Coursera, LinkedIn Learning, newsletters, ChatGPT have gaps.
How might we give every professional a single destination that builds them a personalized, always-current AI learning path for free?
I deliberately structured the project the way I would a real 0-to-1 engagement: starting with market validation, moving through strategy and documentation, into design direction and visual identity. To give it a name, I called the product "Up-to-dAIt" at first, but eventually landed on "CurrAIculum".
Concept Pressure Testing
Competitive research · Market validation · Differentiation strategy
Product Strategy & PRD
8 personas · 4-stream business model · MVP feature scope · Success metrics · 13-section PRD
Design System Selection
Design system created in Figma · Token mapping defined · Component inventory built
Design + Dev Prompt
Structured prompt for Claude Code + Figma MCP · 12 Figma and TypeScript screens · Realistic copy
Phase 01
Before committing to the idea, I needed to know whether it already existed. I asked Claude to research the competitive landscape honestly; not to validate the concept, but to stress-test it.
The research surfaced two important findings. First, the enterprise learning space (Docebo, Degreed) had already validated the problem at scale, which was encouraging. Second, no B2C product had combined all three things I cared about: a free-to-use business model, role-specific path generation (not filtering), and a recency layer that surfaced what's new this week for your specific job. The Coursera/Udemy merger, announced in December 2025 and explicitly framed around AI re-skilling, confirmed the market urgency without making the product redundant.
That research shaped three core differentiators I committed to before writing a single requirement:
Free-to-use platform
The platform should be free for all, honest, fact-based and up-to-date, just like education should be.
Role-specific curriculum generation
Not a filtered catalog, but a path built from scratch around the user's actual tools, workflows, and skill gaps.
Recency as a core feature
An AI agent that continuously monitors new developments and maps them to your role, with an optional dynamic path that updates as the field moves.
Phase 02
This was the phase that surprised me most in terms of what AI-assisted design could produce. Rather than jumping to wireframes, I answered a structured set of questions around business model, personas, MVP scope, success metrics, competitors, constraints, and timeline framing, and asked Claude to synthesize everything from our conversation into a formal, pre-build Product Requirements Document.
The PRD that came out of that session covered: a mission statement and executive summary, 8 detailed user personas spanning Product Design, Engineering, Marketing, HR, Sales, Data Analysis, Customer Support, and Tech Management (deliberately cross-function), a full competitive analysis table, MVP feature scope with UX requirements per feature, a business model built around the principle that education should be free, 10 success metrics with Year 1 targets, legal and licensing constraints around third-party content sourcing, and a phased product roadmap through Phase 4.
Phase 03
Initially, I chose GitHub's Primer Web Design System as the foundation, but later decided to go with my own design system inspired by Autodesk's bold colors and AirBnB's crisp UI. The design system components I created were built with accessibility (WCAG 2.1 AA) in mind, and are token-based.
In a future iteration, I plan on using another Claude skill to create a full-fledged design system library.
Phase 04
Rather than designing the screens myself in this exploratory phase, I treated the design prompt as a deliverable in its own right. I wrote a comprehensive, structured prompt for Claude Code with Figma MCP, specific enough to produce intentional output, but not so prescriptive that it would over-constrain the generation.
The prompt specified five key screens which I eventually combined into 3, to have all decision-critical information displayed in one place for ease of use.
01
Landing page: conveys to the user what the product does
02
Onboarding flow: conversational, 4-5 steps, smart suggestions
03
Dashboard: curriculum progress, recency surface, quick wins
I didn't include the content-consumption pages for this initial version, and got it to create just the basic flow.
| Deliverable | Description |
|---|---|
| Competitive analysis | B2B and B2C landscape mapped; differentiation strategy defined |
| Business model | Four-stream revenue model; free education principle documented |
| Persona set | 8 cross-industry personas with role, tools, goals, gaps, and user quote |
| PRD v1.0 | 13-section pre-build product requirements document |
| Figma MCP prompt v2 | Structured design prompt for Claude Code + Figma MCP |
| Design specs | High-fidelity designs created and iterated over in Figma via MCP |
| Functional prototype | Functional website created using Typescript that matched the designs |
All screens are live and can be accessed and interacted with by clicking the "View" buttons. Some of the interactions like certain micro-animations and transitions are a bit off since I had it convert the original TypeScript code to vanilla JavaScript.
Landing page
Onboarding flow
Learning path / dashboard
AI accelerates time-consuming tasks well
Competitive research, PRD writing, design token documentation are essential but time-intensive, and often either get compressed in real project timelines or take up project time. These tasks are still necessary, and leveraging AI to complete them efficiently is helpful.
The prompt needs to be precise
AI is like a genie - it gives you what you ask but not always what you want. Which means that if you missed specifying certain details, it will not include them by itself, unless you specifically have it ask you clarifying questions. As a designer, it is therefore necessary to make sure you're giving it the right prompts to get the right results.
AI is a good supplementary tool
While the work that AI did was truly impressive, the initial iteration wasn't what I would have designed, and there were quite a few layout and accessibility issues. This prompted me to come up with my own quick design system, redesign the Figma screens it generated, and have it apply those changes to the TypeScript prototype. This goes on to show that the initial AI iterations may not necessarily solve user problems, and validating the user experience through actual usability studies is still necessary.