Llevaba años queriendo tener un portafolio profesional que mostrara mis proyectos de GitHub, pero entre trabajo, deadlines y otros proyectos, nunca encontraba el momento. Siempre lo posponía… hasta que probé Claude Code, la herramienta de línea de comandos de Anthropic.
Y ahí cambió todo. ✨
💬 La experiencia
Lo que normalmente me habría llevado varios días —diseño, maquetación, programación, revisión responsive— lo terminé en una sola sesión. La dinámica fue sorprendente: simplemente le contaba a Claude lo que quería y él iba generando el código, proponiendo alternativas y ajustando sin perder el contexto.
Así fue el proceso:
-
📁 Portafolio en React con secciones: About, Skills, Proyectos y Contacto.
-
🔗 Integración automática con la API de GitHub usando mi usuario rasanfe.
-
🎨 Estilo visual inspirado en la Appeon Community.
-
🎛️ Ajustes de colores, tamaños y detalles en tiempo real.
-
🛠️ Configuración del despliegue en IIS con su
web.config.
Una sesión súper fluida y productiva.
⭐ Características del portafolio
✔️ React + Vite — Rápido, moderno y ligero
✔️ GitHub API integrada — Repos en tiempo real con estrellas ⭐, forks 🍴 y filtros por lenguaje
✔️ Responsive — Perfecto en móvil 📱 y desktop 🖥️
✔️ Estilo profesional — Inspirado en Appeon Community
✔️ Badge Appeon MVP — Con enlace directo a mi perfil 💼
Puedes verlo aquí: www.rsrsystem.com
🤯 Lo que más me sorprendió
Claude no solo escribía código: entendía intenciones. Cuando dije “el naranja no me convence”, me propuso paletas que encajaban con el azul del menú. Si quería simplificar una sección, lo hacía sin que tuviera que entrar en detalles técnicos.
También resolvió un clásico de la guerra web: la configuración de IIS + URL Rewrite para servir desde subcarpeta pero mostrando el dominio limpio. Lo que normalmente es un ratito de prueba y error, aquí fueron minutos. ⏱️
⚙️ ¿Qué es exactamente Claude Code?
Para quienes no lo conozcan, Claude Code es una herramienta de CLI de Anthropic que permite:
-
Crear y modificar archivos de tu proyecto 📄
-
Ejecutar comandos de terminal 💻
-
Navegar por la estructura del código 📂
-
Mantener contexto en toda la sesión 🧠
Es lo más parecido a tener un compañero de pair programming incansable y que domina prácticamente cualquier stack.
🎯 Resultado final
Puedes ver mi nuevo portafolio en: www.rsrsystem.com
Lo mejor es que sigue siendo un proyecto vivo: cuando quiero mejorar algo, solo tengo que volver a hablar con Claude y seguir iterando. 🔄
🔚 Conclusión
Si eres desarrollador y aún no has probado Claude Code, te lo recomiendo muchísimo. No es “otro generador de código”: es un asistente que entiende el flujo de trabajo, el estilo que buscas y el resultado que necesitas.
¿Lo has probado ya? Cuéntame tu experiencia en los comentarios.💬
Comentarios
Publicar un comentario