Remix

Make your own version of SkillBridge AI

Get an exact, working copy in your account, then change anything with chat.

Original by gmoon8637

Start free with 40 credits. No card needed.

Start fresh from this prompt

Builds a brand new app from the first prompt only, so later changes to the original are not included.

Build a functional, responsive AI career guidance web app called "SkillBridge AI – Your Personal Career Navigator" for a 24-hour hackathon.

GOAL:
Help college students and fresh graduates identify skill gaps, prepare for jobs, improve resumes, practice interviews, and demonstrate practical skills.

DESIGN:
Create a premium SaaS dashboard with a white background, navy blue accents, gradients, rounded cards, modern typography, icons, and mobile responsiveness. Include a landing page, dashboard, sidebar navigation, and English/Tamil language toggle.

CORE FEATURES:

1. AI SKILL GAP ANALYSIS
Let students select a career: Software Developer, Web Developer, Data Analyst, or Data Engineer. Enter skills and proficiency levels. Compare skills with configurable role requirements. Display matched skills, missing skills, priorities, and learning recommendations. Explain the scoring logic.

2. 7-DAY CAREER SPRINT
Generate a personalized seven-day learning roadmap based on skill gaps. Include daily tasks, practical exercises, estimated time, completion checkboxes, and a progress tracker. Save progress locally.

3. MOCK INTERVIEW
Provide technical and HR questions with difficulty levels, answer submission, a timer, feedback, improvement suggestions, and model answers. Use real AI only when configured; otherwise clearly label rule-based demo feedback.

4. RESUME MATCH ANALYZER
Allow PDF upload or pasted resume text and a job description. Identify matching skills, missing skills, keywords, and improvement suggestions. Show a transparent match score. Never invent qualifications.

5. UNIQUE FEATURE: PROOF OF SKILLS PASSPORT
Create practical challenges for SQL, Python, and JavaScript. Implement at least two working challenges with instructions, answer submission, test cases, scoring, feedback, and retries. Generate a shareable portfolio showing completed challenges, scores, demonstrated skills, and improvement areas. Clarify that this is not an accredited certification.

6. CAREER RESCUE MODE
Suggest alternative beginner-friendly roles, projects, learning resources, and next steps based on current skills.

7. OPPORTUNITY RADAR
Show internship and entry-level job cards with required skills, eligibility, location, and application links. Use clearly labelled sample data when verified live listings are unavailable.

8. TAMIL + ENGLISH
Allow students to switch languages and understand career guidance in simple Tamil or English.

PAGES:
Landing Page, Student Dashboard, Career Assessment, Skill Gap Analysis, Learning Roadmap, Mock Interview, Resume Analyzer, Skills Passport, Opportunity Radar, and Settings.

DASHBOARD:
Show career goal, skill overview, skill gaps, learning progress, upcoming tasks, interview practice, Skills Passport, and opportunities.

TECHNOLOGY:
Use React, TypeScript, and Tailwind CSS if supported. Use reusable components, input validation, responsive design, error handling, and local storage for demo progress. Keep API keys secure.

Start fresh from this prompt

Builds a brand new app from the first prompt only, so later changes to the original are not included.