HassaanInspires

CAREERFORGE - USER & DEVELOPER SKILL GUIDE

**End of SKILL.md**

HassaanInspires 1 Updated 1mo ago

Resources

14
GitHub

Install

npx skillscat add hassaaninspires/careerforge

Install via the SkillsCat registry.

SKILL.md

CAREERFORGE - USER & DEVELOPER SKILL GUIDE

Version: 1.0
Audience: Users, Developers, Portfolio Reviewers


๐ŸŽฏ WHAT IS CAREERFORGE?

CareerForge is an AI-powered career agent that tailors your resume, cover letter, and career strategy for any job you want.

In 5 minutes:

  1. Upload your resume (PDF)
  2. Paste a job description
  3. Answer optional questions about yourself
  4. Select what you want (resume, cover letter, interview tips, salary negotiation)
  5. Get AI-optimized career documents

โœจ KEY FEATURES

1. Multi-Step Guided Experience

  • Step 1: Upload resume (PDF format)
  • Step 2: Paste job description
  • Step 3: Answer smart optional questions (your target role, industries, achievements)
  • Step 4: Select what to generate (resume โœ“ / cover letter โœ“ / interview tips โœ“ / etc)
  • Step 5: See results with match score & customized content

Each step is optionalโ€”you can jump through quickly or take your time.


2. Smart Questions

The agent asks personalized questions to understand you better:

  • "What's your target role & seniority level?" โ†’ Tailors resume to that level
  • "Which industries excite you?" โ†’ Adds relevant context
  • "Key achievements to highlight?" โ†’ Emphasizes your strengths
  • "Skills you want to emphasize?" โ†’ Picks the right skills to feature
  • "What's your work style?" โ†’ Adjusts tone and messaging

All optionalโ€”skip if you're in a hurry.


3. Customization Menu

Select exactly what you need:

  • โ˜ Optimized Resume - Tailored specifically to this job
  • โ˜ Cover Letter - Personalized, compelling, role-focused
  • โ˜ Missing Skills Analysis - What you're missing and how to close gaps
  • โ˜ Interview Prep Tips - Questions you'll be asked + how to answer
  • โ˜ Salary Negotiation Guide - Market research + negotiation scripts
  • โ˜ LinkedIn Summary Rewrite - Updated headline + summary

Generate all or just what you need.


4. Multi-Provider AI Support

Choose your preferred AI provider:

  • ๐ŸŽญ Anthropic Claude - Best for nuanced, natural writing
  • ๐Ÿค– OpenAI GPT-4o - Best for structured analysis
  • โœจ Google Gemini - Fast, creative
  • โšก Groq - Lightning fast
  • ๐ŸŒŠ Mistral - Efficient, capable
  • ๐Ÿ› ๏ธ Custom OpenAI-Compatible API - Bring your own endpoint

Why multiple providers? Some users have certain API keys. You choose what you have.


5. Dynamic Model Selection

Once you pick a provider and enter your API key, CareerForge automatically fetches available models for that provider.

See model details:

  • Model name
  • Context window size
  • Capabilities
  • Recommended use

Then select the model that's right for you.


6. Match Score Analysis

Get an intelligent match score (0-100) with breakdown:

  • Keyword Match: How many required keywords are in your resume
  • Experience Fit: Does your experience match the job level?
  • Skills Match: How many required skills do you have?
  • Tone Alignment: Does your resume match the company culture?

Visual gauge shows score with color coding:

  • ๐ŸŸข Green (80+): Strong match
  • ๐ŸŸก Yellow (50-79): Competitive
  • ๐Ÿ”ด Red (<50): Need to improve

7. Actionable Missing Skills

See exactly what skills you're missing:

  • Critical (must-have for the role)
  • High-value (would significantly increase your chances)
  • Nice-to-have (bonus if you have them)

For each missing skill:

  • Why it matters for this role
  • How to quickly demonstrate it
  • Resources to learn it
  • How to mention it in an interview

8. Copy & Export

All results are easily copyable:

  • Copy to clipboard with one click
  • Download as PDF (coming Phase 2)
  • Export to Google Docs (coming Phase 2)
  • Save for later (coming Phase 2)

9. Dark Mode + GenZ Aesthetic

Professional-looking UI designed for modern users:

  • Dark charcoal background with vibrant accents
  • Glassmorphic cards (frosted glass effect)
  • Bouncy, smooth animations
  • Unique fonts (Space Mono for headings)
  • Tech-inspired background doodles
  • Cool gradients and glow effects

Works perfectly on desktop, tablet, and mobile.


10. Settings Panel: "Your Forge"

Manage API keys and preferences in one place:

  • Add/switch between API keys
  • Select provider and model
  • View active key status
  • Change animation speed
  • Toggle dark/light mode

All settings stored locally in your browser (never sent to servers except when using your own API keys).


๐Ÿš€ HOW TO USE (STEP BY STEP)

For First-Time Users:

  1. Go to: https://careerforge.vercel.app (or your local: localhost:3000)

  2. Step 1 - Upload Resume:

    • Click "Choose File"
    • Select your resume PDF (< 5MB)
    • See preview of extracted text
    • Click Next
  3. Step 2 - Job Description:

    • Copy-paste the entire job description
    • Or type a description
    • See character count
    • Click Next
  4. Step 3 - Smart Questions (Optional):

    • Answer any/all questions:
      • Target role: e.g., "Senior Software Engineer"
      • Industries: e.g., "Tech, AI, Startups"
      • Achievements: e.g., "Led team of 5, shipped product, 100k users"
      • Skills to emphasize: e.g., "React, Python, Leadership"
      • Work style: e.g., "Collaborative"
    • Or skip all if in a hurry
    • Click Next
  5. Step 4 - Select What You Want:

    • Check boxes for what to generate
    • Recommend: Check "Optimized Resume" + "Missing Skills"
    • Can select all or just one
    • Click Next
  6. Step 5 - Configure AI Provider:

    • Click "Your Forge" (settings)
    • Pick provider: Anthropic / OpenAI / Gemini / etc
    • Enter your API key (get free from provider)
    • Select model (auto-fetches available models)
    • Click "Apply Settings"
  7. Generate Results:

    • Click "Generate" (big blue button)
    • Wait 10-30 seconds
    • See match score + all requested outputs
    • Copy any content to clipboard

๐Ÿ”‘ API KEY SETUP (EASY)

If you don't have an API key yet:

Anthropic Claude (Free $5 credit):

  1. Go to https://console.anthropic.com
  2. Sign up (takes 2 min)
  3. Copy your API key
  4. Paste in CareerForge settings

OpenAI (Free $5 credit):

  1. Go to https://platform.openai.com
  2. Sign up
  3. Copy API key from settings
  4. Paste in CareerForge

Google Gemini (Free tier available):

  1. Go to https://aistudio.google.com
  2. Sign up with Google account
  3. Copy API key
  4. Paste in CareerForge

All others: Similar process. CareerForge supports Groq, Mistral, and custom endpoints.


๐Ÿ’ก TIPS FOR BEST RESULTS

Resume Tips:

  • Include all your experiences, not just highlights
  • Agent will select what's most relevant
  • Use standard resume format (bullets, sections)

Job Description Tips:

  • Copy the entire job posting
  • Include company culture/values if available
  • Longer descriptions = better matching

Smart Questions:

  • Be honest about what excites you
  • Agent uses this to personalize recommendations
  • "I don't know" is fineโ€”just skip

Skill Selection:

  • Only select skills you truly have
  • Agent will know if you're bluffing
  • It's honest feedback if you're missing something

Generated Content:

  • Agent output is a STARTING POINT, not final
  • Always review and personalize
  • Use agent output as a template
  • Add your own voice and specific examples

๐ŸŽ“ FOR HIRING MANAGERS / REVIEWERS

What This Demonstrates:

Technical Skills:

  • โœ… Full-stack development (Next.js, React, TypeScript)
  • โœ… Multi-provider API integration
  • โœ… PDF processing and text extraction
  • โœ… Prompt engineering and LLM orchestration
  • โœ… Modern UI/UX design (glassmorphism, animations)
  • โœ… State management (React Context)
  • โœ… Responsive design
  • โœ… Deployment to production (Vercel)

Soft Skills:

  • โœ… Product thinking (multi-step UX, smart defaults)
  • โœ… User-focused design
  • โœ… Documentation and technical writing
  • โœ… Attention to detail (smooth animations, polished UI)
  • โœ… Problem-solving (handling 5 different LLM providers)

Portfolio Quality:

  • โœ… Deployed, live, working product
  • โœ… Professional documentation (SPEC, AGENT, ARCHITECTURE)
  • โœ… Clean code architecture
  • โœ… Real-world problem solving (many people need this)
  • โœ… GenZ design aesthetic (shows modern taste)

๐Ÿ”„ FUTURE ENHANCEMENTS (Phase 2+)

  • โœ… Save optimization history
  • โœ… Compare multiple job applications
  • โœ… Interview scheduling integration
  • โœ… LinkedIn auto-sync
  • โœ… Salary negotiation coaching
  • โœ… Career path recommendations
  • โœ… Peer feedback on generated content
  • โœ… Multi-language support
  • โœ… Mobile app (iOS/Android)

โ“ FAQ

Q: Is my data private?
A: Yes. Resumes are processed immediately and never stored. Smart questions stay in your browser. Your API keys are yours.

Q: Do I need a paid API key?
A: No. All major providers (Anthropic, OpenAI, Google) offer free credits ($5+). That's enough for 100+ optimizations.

Q: Can I use multiple API keys?
A: Yes. Add multiple keys per provider in settings. Switch anytime.

Q: How long does optimization take?
A: Usually 10-30 seconds depending on provider and resume length.

Q: Can I edit the generated content?
A: Yes. Copy to clipboard and edit in any text editor.

Q: Does it work on mobile?
A: Yes. Full responsive design. Not optimized for PDF upload on mobile yet (Phase 2).


๐Ÿ› TROUBLESHOOTING

Issue Fix
"Invalid API Key" Check key is correct in settings
"No models found" Verify API key is valid & has permissions
"PDF extraction failed" Make sure file is a real PDF, not an image
"Request timeout" Try a shorter job description, or switch provider
"Slow performance" Clear browser cache, close other tabs

๐Ÿ“ž SUPPORT

  • GitHub Issues: Report bugs on GitHub repo
  • Email: Support coming Phase 2
  • Discord: Community chat coming Phase 2

End of SKILL.md