Copy this prompt and paste it into ChatGPT or Claude
Create a developer portfolio website:
1. HERO SECTION
- "Hi, I'm [Name]"
- Animated typing effect showing roles: "Full-Stack Developer", "Open Source Contributor", "Tech Writer"
- Brief intro paragraph
- CTA buttons: "View Projects" and "Download Resume"
- Social links: GitHub, LinkedIn, Twitter
- Terminal-style design element or code snippet decoration
2. ABOUT SECTION
- Professional summary
- Currently working at [Company]
- Tech stack visualization
- Years of experience stats
- Fun fact or personal touch
3. SKILLS SECTION
Organized by category:
Languages:
- JavaScript/TypeScript
- Python
- Go
- SQL
Frontend:
- React, Next.js
- Vue, Nuxt
- Tailwind CSS
Backend:
- Node.js, Express
- PostgreSQL, MongoDB
- Redis, GraphQL
DevOps:
- Docker, Kubernetes
- AWS, Vercel
- CI/CD, GitHub Actions
Display as icon grid with labels, not progress bars.
4. PROJECTS SECTION
Featured projects (3-4):
- Project screenshot/mockup
- Title and description
- Tech stack tags
- GitHub link and Live demo link
- Star count if open source
Project card layout:
- Image top
- Content bottom
- Hover: Slight lift with shadow
5. OPEN SOURCE SECTION
- GitHub contribution graph embed
- Notable contributions list
- "View GitHub Profile" link
6. BLOG/WRITING SECTION (optional)
- Recent articles (3 cards)
- Title, excerpt, date
- Read time
- Link to blog or dev.to/medium
7. EXPERIENCE TIMELINE
- Company, role, dates
- Brief description
- Technologies used
- Vertical timeline layout
8. CONTACT SECTION
- "Interested in working together?"
- Email prominently displayed
- Contact form (name, email, message)
- Response time expectation
Design: Can be dark or light theme. Include subtle code/terminal aesthetic elements. Mobile responsive with hamburger menu. How to use this prompt
- 1 Click the "Copy Prompt" button above to copy the full prompt to your clipboard
- 2 Open ChatGPT, Claude, or your preferred AI assistant
- 3 Paste the prompt and customize any placeholder text (like product names or brand colors)
- 4 Let the AI generate your website code or design specifications
More Portfolio Prompts
About this Portfolio Prompt
This Developer Portfolio prompt is designed to help you quickly create professional portfolio websites using AI tools like ChatGPT, Claude, v0 by Vercel, Cursor, and Bolt.new.
Whether you're a developer, designer, or entrepreneur, this free AI prompt gives you a head start on building developer portfolio. Simply copy the prompt, paste it into your favorite AI coding assistant, and customize it to match your brand.
Compatible AI Tools
- ChatGPT (GPT-4) - Great for detailed code generation and explanations
- Claude 3 - Excellent for complex, nuanced website designs
- v0 by Vercel - Perfect for React and Next.js components
- Cursor - Ideal for AI-powered coding in your IDE
- Bolt.new - Quick prototyping and full-stack apps
- Lovable - User-friendly AI website builder
Tags
Developer Technical GitHub Portfolio AI Prompt Free Template Website Builder Web Design Copy Paste Prompt