Remix

Make your own version of Skill Analyzer

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

Original by Chessman _0503

What would you change?

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 complete, responsive, premium full-stack web application called **Skill Analyzer**, an AI-powered career intelligence platform. Build a working application, not merely a landing page or static mockup.

### DESIGN
Use a sophisticated forest-green, sage, and cream visual identity:
- Forest green #183D32
- Green #356F58
- Sage #91AA9A
- Pale green #DDE9E1
- Cream #F6F3EA
- White #FFFDF9

Use elegant typography, spacious layouts, refined cards, subtle animations, accessible contrast, responsive navigation, interactive charts, and polished desktop and mobile layouts.

### CORE PRODUCT
The main principle is **Claim → Demonstrate → Evidence → Improve**. Keep self-reported confidence separate from demonstrated competence.

### 1. Authentication and onboarding
Implement sign-up, login, logout, password recovery, persistent user accounts, and secure data isolation. Onboarding collects education level, current skills, target career, available study hours, timeline, learning preferences, and budget.

### 2. Dashboard
Display the user's career goal, Skill Mirror, priority skill gaps, roadmap progress, upcoming tasks, saved resources, project milestones, assessment results, and recent activity. Use real persisted data, not hardcoded statistics.

### 3. Career explorer
Include frontend, backend, full-stack, AI/ML, data science, cybersecurity, cloud, DevOps, UI/UX, and product management. Each career has required skills, competency levels, projects, assessments, learning resources, and interview preparation. Allow career comparison.

### 4. Skill Mirror
For each skill, store claimed confidence, assessment score, assessment date, linked evidence, competency level, and progress history. Visualize claimed versus demonstrated skills. Distinguish low performance, missing evidence, and unassessed skills. Do not treat a lack of evidence as proof of incompetence.

### 5. Assessments
Implement interactive multiple-choice, scenario-based, short-answer, coding, and practical assessments where supported. Provide scoring, explanations, feedback, skill tags, difficulty, and recommended practice. Store attempts and results. Use secure server-side scoring and never execute arbitrary code on the main server.

### 6. Evidence vault
Allow users to submit project URLs, GitHub links, portfolio work, certificates, documents, screenshots, and written case studies. Connect evidence to skills. Track submitted, under-review, accepted, and needs-improvement statuses. Do not claim evidence is verified unless an actual verification process succeeds.

### 7. Adaptive roadmaps
Generate personalized, ordered learning roadmaps based on the target role, skill gaps, assessment results, weekly availability, deadline, budget, and preferences. Each task includes objectives, estimated time, resources, exercises, deliverables, and completion criteria. Support milestones, dependencies, deadlines, checklists, pause/resume, and transparent roadmap adjustment recommendations.

### 8. Premium resource library
Create a curated library of official documentation, courses, tutorials, books, videos, podcasts, research, practice platforms, and interview resources. Store canonical URLs, providers, costs, access status, skill tags, difficulty, duration, prerequisites, and last-checked dates. Filter by career, skill, format, level, duration, and free/freemium/paid status. Include saved resources, notes, progress tracking, and structured premium collections. Use legitimate links only. Never invent resources, prices, ratings, or URLs. If live resource discovery is unavailable, provide curated seed data and an admin editor.

### 9. Project studio
Provide beginner, intermediate, and advanced portfolio project templates with requirements, tech stacks, milestones, acceptance criteria, testing checklists, stretch goals, and evidence submission. Track progress and connect completed projects to skills.

### 10. AI career mentor
If an AI API is configured, provide personalized explanations, assessment feedback, resource recommendations, project suggestions, interview preparation, and roadmap guidance based on the user's actual data. Store secrets server-side, enforce usage limits, and label generated feedback. If no API key exists, show a clearly labelled demo mode rather than pretending AI is connected.

### 11. Analytics and Skill Passport
Show skill development, assessment trends, evidence history, roadmap completion, and projects completed. Provide a shareable portfolio passport with demonstrated skills, selected evidence, assessment results, and project links. Let users control public fields and revoke sharing. Keep private data hidden.

### 12. Premium plans and admin
Provide configurable free and premium plans. Premium may include expanded assessments, multiple roadmaps, advanced analytics, curated collections, AI mentor usage, and enhanced passport features. Integrate payment only when credentials are configured. Enforce entitlements server-side.

Build a protected admin panel for managing users, careers, skills, assessments, resources, collections, projects, roadmaps, subscriptions, and content.

### TECHNICAL REQUIREMENTS
Inspect the existing project and preserve compatible code. Use the environment's supported full-stack technology. Prefer TypeScript, React/Next.js, Tailwind CSS, PostgreSQL/Supabase, secure authentication, and server-side APIs where supported.

Implement persistent storage, database migrations, validation, authorization, secure file uploads, accessible components, loading/error/empty states, responsive layouts, and environment-variable configuration. Never expose API keys. Use per-user database access policies where supported.

### ACCEPTANCE TESTS
Verify that:
1. Users can sign up and complete onboarding.
2. Assessments save results and update the Skill Mirror.
3. Evidence can be submitted and its status tracked.
4. Roadmaps use actual user goals and skill gaps.
5. Resources can be saved and marked complete.
6. Projects and milestones persist.
7. Dashboard data survives refresh.
8. Public passports expose only approved information.
9. Users cannot access other users' private data.
10. Navigation, forms, and mobile layouts work.

Build the core end-to-end workflows first. Do not create fake metrics, dead buttons, fabricated resource links, or simulated integrations presented as real. If a feature cannot be implemented, clearly identify it.

At completion, report implemented features, setup requirements, integrations requiring credentials, test results, and known limitations.

Start fresh from this prompt

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