Copia este prompt y pégalo en ChatGPT o 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. Cómo usar este prompt
- 1 Copia el prompt de arriba
- 2 Pégalo en tu herramienta de IA favorita (ChatGPT, Claude, v0, etc.)
- 3 La IA generará el código del sitio web por ti
- 4 Personaliza e itera según tus necesidades
Más Prompts de Portfolio
Acerca de este Prompt de Portfolio
Este prompt Developer Portfolio está diseñado para ayudarte a crear rápidamente sitios web profesionales de portfolio usando herramientas de IA como ChatGPT, Claude, v0 de Vercel, Cursor y Bolt.new.
Ya seas desarrollador, diseñador o emprendedor, este prompt de IA gratuito te da una ventaja al crear developer portfolio. Simplemente copia el prompt, pégalo en tu asistente de código IA favorito y personalízalo para tu marca.
Herramientas de IA Compatibles
- ChatGPT (GPT-4) - Excelente para generación detallada de código y explicaciones
- Claude 3 - Excelente para diseños web complejos y matizados
- v0 de Vercel - Perfecto para componentes React y Next.js
- Cursor - Ideal para codificación potenciada por IA en tu IDE
- Bolt.new - Prototipado rápido y apps full-stack
- Lovable - Constructor de sitios web IA fácil de usar
Etiquetas
Developer Technical GitHub Portfolio Prompt de IA Plantilla Gratis Constructor Web Diseño Web Prompt Copiar Pegar