HassaanInspires

CAREERFORGE - USER & DEVELOPER SKILL GUIDE

**End of SKILL.md**

HassaanInspires 1 Actualitzat fa 4 mesos

Recursos

14
GitHub

Instal·la

npx skillscat add hassaaninspires/careerforge

Instal·la des del registre de SkillsCat.

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