A fully client-side, zero-backend portfolio and resume builder powered by GitHub's public API and the Anthropic Claude API.
Live demo: https://kushagra486.github.io/resumeai/
- GitHub Import — Fetch your profile, repos, and auto-detect languages
- Work Experience Builder — Add jobs/internships with structured bullet points
- Smart Skill Suggester — Auto-suggests skills based on your degree field (CSE, Media, Design, MBA, etc.)
- 5 Resume Templates — Classic, Modern, Minimal, Executive, Tech
- ATS Score — 8-category compatibility checker with actionable tips
- JD Matcher — Paste a job description to get a keyword match percentage
- AI Enhancement — Claude rewrites your summary and bullet points
- Download HTML — Export a standalone resume file
resumeai/
├── index.html # Main HTML shell
├── css/
│ └── style.css # All styles
├── js/
│ ├── data.js # Static data (skill maps, template configs)
│ ├── github.js # GitHub API fetch & repo selection
│ ├── builder.js # Experience, projects, skills state & rendering
│ ├── templates.js # Template picker & resume HTML generator
│ ├── ats.js # ATS scoring, JD matching, AI enhancement
│ └── app.js # Tab navigation & init
└── assets/
└── favicon.svg
- Fork or clone this repo
- Go to Settings → Pages
- Set source to main branch / root
- Your site is live at
https://YOUR_USERNAME.github.io/resumeai
- Drag the entire folder to netlify.com/drop
- Done — live in 60 seconds
npm install -g vercel
cd resumeai
vercelThe "Enhance with AI" button calls the Anthropic Claude API directly from the browser. This works out-of-the-box on claude.ai (the API key is handled by the environment). For a standalone deployment, you would need to proxy the API call through a small backend to keep your API key secret.
- Vanilla HTML, CSS, JavaScript — zero dependencies, zero build step
- GitHub REST API (public, no auth needed for basic profile/repo data)
- Anthropic Claude API (for AI enhancement feature)
- Google Fonts (DM Serif Display, DM Mono, Instrument Sans)
MIT — use freely, attribution appreciated.