The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
SkillGraph AI: AI-powered adaptive learning platform.
I built an AI learning platform that doesn't stop at generating a roadmap.
A roadmap tells you what to learn.
But learning also requires knowing:
What comes first? Where should I learn it? Can I ask questions? And have I actually mastered it?
That's the problem I wanted to explore with SkillGraph AI.
I built it as an adaptive learning platform that brings several AI systems together into one learning workflow.
🧠 Learning Path Architect
Generates prerequisite-aware learning paths and represents them as an interactive knowledge graph, so learners can see how concepts connect instead of following a flat checklist.
🔎 Librarian Agent
Finds and curates relevant learning resources for the topics in the path, connecting the roadmap to actual material the learner can use.
💬 RAG Tutor
A retrieval-augmented tutor that can answer questions using contextual learning material rather than relying only on a general-purpose LLM response.
📝 Assessment Agent
Generates topic-specific quizzes and assessments so learners can test their understanding as they progress.
🕸️ Interactive Skill Graph
The learning path becomes an explorable visual graph where prerequisites and relationships between concepts are visible.
The architecture is built around multi-agent orchestration, with specialized components handling planning, retrieval, tutoring and assessment.
Tech
React · TypeScript · React Flow · FastAPI · LangChain · RAG · LLMs · PostgreSQL
The bigger idea is simple:
Don't just tell people what to learn. Help them learn it, find the right resources, answer their questions, and verify that they actually understand it.
🔗 Live demo: https://skillgraph-os.vercel.app/
I'm continuing to improve the product and explore how AI agents can make learning paths more adaptive and useful.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Challenges
View all
Related posts
Custom liquid interaction built in Framer.
Turning a static hero into a responsive visual surface through cursor-driven distortion.
How do you adapt the cursor-driven effect for touch screens?
The 404 was treated as a proper page rather than a fallback state.
The number is constructed as an architectural drawing. The 4 and the 0 are formed from walls at true thickness, with furniture laid out inside the resulting rooms and dimension strings running along both edges. It sits inside the same drafting system as the rest of the site rather than borrowing a display typeface.
The error message then repeats. Instead of a single dialog, identical windows cascade back across the canvas, each one carrying the same 404 notice. It reads as a system throwing an unresolved warning over and over, which is the exact behaviour Heron is built to prevent inside a model.
Error pages are never in the brief. They're a good measure of whether a team understood the product or just styled it.
Treating a 404 as an actual page instead of a dead end is such a good instinct, where did the architectural drawing idea come from, personal interest bleeding into the work?
Modern Digital Solutions & Web Development Website.
A clean, modern website design for a digital solutions company offering web development, mobile app development, digital marketing, and e-commerce solutions. The landing page highlights the company’s services, experience, overview, client testimonials, and a strong call-to-action for potential clients.
Looks good!
