Showcase your coding projects, skills, and experience with a sleek developer portfolio. Dark theme included.
The prompt
Copy this prompt and paste it into Claude, Cursor, ChatGPT, Codex, or any AI tool connected to Hatchable via MCP.
Build a developer portfolio website. Include sections: Hero with name, title, and a brief tagline. About section with a short bio and a skills grid showing technologies (with proficiency level indicators). Projects section with cards for each project showing: name, description, tech stack tags, screenshot URL, live demo link, and GitHub link. Experience section with a vertical timeline of positions (company, role, dates, bullet points). Contact section with email, GitHub, and LinkedIn links plus a contact form. Dark theme with accent color highlights. Responsive design that looks great on mobile. Deploy it on Hatchable when done.
How to use this template
Connect Hatchable to your AI tool
Add Hatchable as an MCP server in your AI tool of choice. You'll need your API key from Console → Settings. See our setup guides for Claude Code, Cursor, or Codex.
Copy the prompt and paste it
Hit the Copy button above, switch to your AI tool, and paste. The prompt is written to produce a complete, deployable app using Hatchable's platform features.
Your AI builds and deploys it
Your AI writes the code, creates a project on Hatchable, and deploys it. You'll get a live URL you can share immediately — no server setup, no billing.
Customize it
After the initial build, try asking your AI to add any of these:
Add a blog section for technical writing
Include a resume PDF download button
Add animated section transitions on scroll
Include a dark/light theme toggle
Build this app for free
Sign up, grab your API key, and paste this prompt into your AI tool.