Back to projects

Personal Skill Map

An AI career-development platform with an interactive skill tree.

Start from your resume or a prompt — build your career roadmap.
Start from your resume or a prompt — build your career roadmap.

Overview

Personal Skill Map turns career growth into something you can actually see. Instead of a flat list of skills, it renders your competencies as an interactive skill tree (built with React Flow) — branches you've grown, gaps to fill, and the paths between roles.

Import your existing skills by uploading a resume — multi-format document parsing runs through GPT-4o vision — or explore any career path from a prompt like "I want to work remotely." From there it generates tailored, ATS-keyword-tuned resumes so your applications actually clear the filters.

It's a full SaaS: a 10-locale i18n system, credit-based billing with Stripe, and a modern Next.js 15 / React 19 stack on Neon Postgres and Upstash Redis.

Key features

Interactive skill tree

Visualize competencies and career paths as a navigable React Flow graph.

Resume import (GPT-4o vision)

Multi-format document import extracts your skills automatically from an uploaded resume.

AI resume generation

Generate tailored resumes with ATS keyword injection so applications clear the filters.

Career-path exploration

Explore any role from a natural-language prompt and see the skills it requires.

10-locale i18n

Fully localized across ten languages out of the box.

Credit-based billing

Stripe-powered metered billing for AI generation and imports.

Tech stack

Next.js 15React 19TypeScriptReact FlowDrizzle ORMNeon PostgreSQLUpstash RedisOpenAI GPT-4oStripe