Back to Cookbook

Portfolio Site Generator

A professional portfolio site from your resume in 10 minutes

Generate a simple portfolio site from your resume and projects — especially useful for developers, designers, writers, and other portfolio-driven roles.

House RecipeCreative10 min

INGREDIENTS

🐙GitHub

PROMPT

Generate a professional portfolio website for me. I'll provide my resume and project descriptions. Create a single-page site with: (1) Header with my name and a one-line professional tagline. (2) About section — a brief, engaging bio written from my resume. (3) Projects section — showcase cards for each project with: title, description, tech stack, my role, result/impact, and link to repo or demo. (4) Skills section — clean visualization of my key skills. (5) Contact section — email link and LinkedIn. Include SEO meta tags and make it responsive. Style: [minimal / modern / creative]. Output as a deployable HTML file or React component I can push to Vercel or GitHub Pages. My resume: [paste resume here] Projects: [describe 3-5 projects with: name, description, tech stack, your role, outcome, link if available]

How It Works

Paste your resume and descriptions of 3-5 projects. Your Claw generates a

complete portfolio website — bio, project showcases, skills section, and

contact section — ready to deploy on Vercel, Netlify, or GitHub Pages.

What You Get

  • Clean, responsive portfolio website (HTML/CSS or React)
  • Bio section written from your resume
  • Project showcase cards with descriptions, tech stacks, and links
  • Skills section or lightweight visualization
  • Contact section with email link
  • SEO basics: title, meta description, Open Graph tags
  • Deployment instructions for free hosting

Setup Steps

  1. Paste your resume and describe 3-5 projects you want to showcase
  2. Choose a style: minimal, modern, or creative
  3. Your Claw generates the complete site
  4. Review and request any adjustments
  5. Deploy to Vercel, Netlify, or GitHub Pages

Tips

  • Best for portfolio-driven roles: engineering, design, product, writing, consulting
  • 3-5 projects is the sweet spot — enough to show range, not so many it's overwhelming
  • Each project should include the problem, your role, the tools used, and the outcome
  • Keep the design clean — clarity beats cleverness
  • Update it whenever you complete a new project
  • Use your portfolio URL in LinkedIn, your resume, and your email signature
Tags:#portfolio#job-search#personal-branding#web-development