Skip to content

skillspath/skillspath.github.io

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

60 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

SkillsPath

AI-powered career roadmap advisor that connects your Canvas academic history to a personalized IBM SkillsBuild learning path.

Built for the IBM × NCCU AI Hackathon · March 2026

Live demo Download extension


What it does

Students describe a career goal. SkillsPath reads their actual Canvas course history and IBM SkillsBuild completion record, then runs an agentic AI advisor that produces a prioritized, gap-aware learning roadmap — linking directly to the right IBM SkillsBuild courses.

The advisor reasons through your background step by step, calling tools to fetch your academic profile, course grades, and existing credentials before recommending next steps. Every tool call is shown in real time so you can follow the reasoning.


Architecture

unnamed

  • Chrome Extension (MV3) — runs content scripts on Canvas and IBM SkillsBuild, captures course history and credentials into chrome.storage.local, exposes it to the page via a postMessage bridge.
  • Single-page app — pure HTML + CSS + JS, no build step, deployed via GitHub Pages.
  • AI agent — agentic tool-calling loop against GitHub Models (OpenAI-compatible API). Model is user-selectable: GPT-4.1, GPT-4o, o3-mini, Llama 3.3 70B.
  • No backend, no server — all data stays in the browser. GitHub OAuth is handled by neevs.io.

Install the extension

The extension is not yet published to the Chrome Web Store. Use Load unpacked — this works on managed browsers (university IT policy blocks side-loaded .crx files).

  1. Download skillspath-extension.zip and unzip it.
  2. Open chrome://extensions in Chrome and enable Developer mode (toggle, top-right corner).
  3. Click Load unpacked → select the unzipped extension folder.
  4. Open Canvas LMS and IBM SkillsBuild — your data syncs automatically.

Then visit skillspath.github.io, sign in with GitHub, and enter your career goal.


Run locally

No build step required.

git clone https://github.com/skillspath/skillspath.github.io.git
cd skillspath.github.io
# Serve from a local HTTP server (required for postMessage bridge to work)
python3 -m http.server 8080
# Open http://localhost:8080

For the extension to work locally, http://localhost/* is already in manifest.json host permissions.


Extension permissions

Permission Why
storage Persists Canvas + SkillsBuild data across browser sessions
*.instructure.com, *.canvaslms.com, *.edu Reads Canvas course history via Canvas REST API (authenticated session)
*.yourlearning.ibm.com Reads IBM SkillsBuild completion records via YourLearning API (authenticated session)
skillspath.github.io, localhost Injects bridge script to relay storage data to the page

No data is sent to any external server. All API calls go directly from your browser to Canvas and IBM SkillsBuild using your existing authenticated session.


Tech stack

  • Frontend — vanilla HTML/CSS/JS, IBM design token system, IBM Plex Sans/Mono
  • AI — GitHub Models API (OpenAI-compatible), GPT-4.1 default
  • Auth — GitHub OAuth via neevs.io
  • Extension — Chrome MV3, service worker, postMessage bridge
  • Hosting — GitHub Pages

Team

Built by Jaideep Aher, Roshan Gill, and Jonas Neves at the IBM × NCCU AI Hackathon, March 2026.

IBM built the catalog. IBM built the engine. We built the on-ramp.


Slides

Pitch deck (9 slides with speaker notes): agora.neevs.io/slides/skillspath/

About

AI-powered career roadmap advisor connecting Canvas academic history to personalized IBM SkillsBuild learning paths

Topics

Resources

Stars

Watchers

Forks

Packages

 
 
 

Contributors