I Built My Portfolio Website for FREE in 4 Minutes Using Claude AI + GitHub Pages
Prompt
I am uploading my resume. Analyze it carefully and generate a complete, visually polished, single-file portfolio website in HTML for GitHub Pages.
Act as an expert web designer, resume interpreter, and personal branding strategist.
Goal:
Turn the uploaded resume into a professional portfolio website that looks premium, modern, technically credible, and visually impressive.
Output requirements:
Create one complete `index.html` file only
Include all CSS and JavaScript inside the same file
Output raw HTML only
No explanation
No markdown
Ready to run immediately after saving
Design requirements:
Premium modern UI
Clean typography
Responsive layout
Sticky navbar with smooth scrolling
Eye-catching hero section
Professional sections with cards or timeline layout
Subtle animations and hover effects
Elegant spacing and alignment
Strong visual hierarchy
Optimized for recruiters, collaborators, and academic/professional visitors
Build sections from the uploaded resume:
Name and professional headline
About / Bio
Education
Experience
Projects
Publications
Research interests
Technical skills
Software/tools
Achievements, awards, certifications
Contact section
External links if available
Content handling rules:
Use only resume-based information
Do not invent details
Rewrite long resume phrases into concise website-ready language
Prioritize clarity, professionalism, and impact
If a section is not supported by the resume, omit it gracefully
Extra website features:
Hero with short summary and call-to-action buttons
Download Resume button placeholder
Project/publication cards
Timeline for education and experience
Skills grouped by category
Contact section with email and social links
Footer with clean branding
Back-to-top button
Important:
The result should not look like a generic student template. It should look like a serious professional portfolio for a researcher/engineer/academic or technical expert. Make the design feel refined, trustworthy, and high-value.
Now read the uploaded resume and generate the final complete `index.html`.