KiloClawPowered by OpenClaw
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
Try in KiloClawFree 7-day trial

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

Related Recipes

LinkedIn Optimizer

Turn your profile from invisible to recruiter bait

Rewrite your LinkedIn so it is clearer, more searchable, and better aligned with the roles you want.

Work2 min

Elevator Pitch Builder

"Tell me about yourself" answered in 60 seconds flat

The most common interview question is the one most people fumble. This skill builds a concise, compelling pitch that positions you for the specific role — not a chronological resume recitation, but a story that makes the interviewer want to hear more.

Work2 min

Internship Application Pipeline

Apply smarter, not just more

Mass-applying with the same resume gets mass-rejected. This skill builds a tracking system, tailored resume modules, cover letter templates, and weekly quotas so you stay consistent without burning out.

Work15 min

Rejection Reframer

Turn every "no" into usable data for your next "yes"

Turn rejection patterns into useful signal so you can adjust your search instead of guessing.

Personal2 min