A visual portfolio for designers with project galleries, case studies, and a clean minimal aesthetic.
The prompt
Copy this prompt and paste it into Claude, Cursor, ChatGPT, Codex, or any AI tool connected to Hatchable via MCP.
Build a designer portfolio website. The homepage is image-forward: a grid of project thumbnails that expand to full case study pages on click. Each project has: title, cover image, a gallery of images, description, client name, tools used, and the challenge/solution narrative. Include a minimal About page with photo, bio, and a list of services. Add a Contact page with a form (name, email, message). The design should be extremely minimal — lots of white space, clean sans-serif typography, and let the work speak for itself. Navigation should be simple and unobtrusive. Mobile responsive. 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 Dribbble and Behance social link integration
Include hover animations on the project grid
Add a testimonials section from past clients
Include a filterable portfolio by project type
Build this app for free
Sign up, grab your API key, and paste this prompt into your AI tool.