Home Portfolio Developer Portfolio

Developer Portfolio

Technical portfolio showcasing code and projects

Developer Technical GitHub
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. 1 Click the "Copy Prompt" button above to copy the full prompt to your clipboard
  2. 2 Open ChatGPT, Claude, or your preferred AI assistant
  3. 3 Paste the prompt and customize any placeholder text (like product names or brand colors)
  4. 4 Let the AI generate your website code or design specifications

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