Qué obtienes

  • Un archivo HTML offline, o rutas reales en tu proyecto React, Vue, Svelte o Astro
  • Inicio, trabajos y casos de estudio, escritos y artículos, charlas, Uses, Sobre mí, currículum, contacto y 404
  • Portadas de proyecto dibujadas como paneles de producto en HTML sobre fondos fotográficos
  • Paleta de comandos, pestañas de experiencia, cuadrícula de repos, filtros y formularios validados
  • Fondos o fotos opcionales de PopNow, presupuestados antes de pagar

Ideal para

  • Ingenieros y creadores independientes que quieren una web personal
  • Quienes buscan trabajo y necesitan una página para que les contraten, con casos de estudio
  • Desarrolladores que escriben o dan charlas y quieren reunirlo todo en un sitio

No es para

  • Marcas claras o coloridas: el diseño es solo oscuro
  • Diseñadores visuales cuyo trabajo es sobre todo imágenes
  • Webs de empresa o tiendas online

Cómo usarlo

En Claude o ChatGPT

Usa el skill de PopNow «Web de portfolio para desarrolladores» (developer-portfolio-website) para esto: Crea mi web personal. Soy ingeniero backend en Berlín; mi CV, tres proyectos y dos posts del blog están en ./notes.

En un agente de programación

/popnow-developer-portfolio-website Crea mi web personal. Soy ingeniero backend en Berlín; mi CV, tres proyectos y dos posts del blog están en ./notes.

Luego prueba

Haz un fondo para un cuarto proyecto en el mismo estilo de piedra oscura y presupuéstalo antes.

Quita la sección de charlas y convierte Uses en Proceso.

Qué tener a mano

  • Tus empleos, fechas y resultados concretos
  • De dos a seis proyectos con el problema, las decisiones clave y los resultados
  • Artículos, charlas, repos y herramientas que tengas de verdad
  • Tu propio retrato y fotos reales de eventos

Skills similares

Ver todos →

Preguntas

¿Por qué las portadas de proyecto no son capturas?

Cada portada es una pequeña interfaz de producto hecha en HTML y CSS con datos de tu ámbito. Se mantiene nítida a cualquier tamaño, combina con los colores de la web y nunca muestra datos privados de una pantalla real.

¿Necesito PopNow para esto?

No. Los fondos de piedra y arena incluidos se pueden reutilizar para tus proyectos, y las charlas pueden usar miniaturas dibujadas. PopNow es opcional para nuevos fondos, una foto de escritorio o un retrato con retoque de color, y cada ejecución se presupuesta antes.

¿Y si no tengo charlas ni repos de código abierto?

Las secciones sin contenido real se eliminan junto con sus enlaces. El skill nunca inventa charlas, repos, estrellas ni clientes para una persona real.

¿Puede integrarse en mi app de Next.js?

Sí. Detecta el stack, conserva los archivos no relacionados y reconstruye las mismas rutas como páginas reales con los mismos tokens y fuentes.