Over a year ago, I set out to give my professional landing page, technicalmanager.io, a complete facelift (see: A Framer Approach). Built to showcase my skills, the site has served for years as a counterpart to my LinkedIn and a key reference on my professional profiles. Back then, I chose Framer, leaning into its canvas-driven workflow and low-code approach. However, given my technical background and my growing reliance on AI tools, I decided to tackle the site once more—this time building it with Anthropic Claude via VS Code.
Happy with the core concept I had designed in Framer, I had Claude "vibe code" an initial draft by referencing the live site. From there, I refined the content, polished the copy, and made sure no key details were lost. I added a few new touches, including my updated cross-platform profile picture and a subtle background image for the header. To round things out, I optimized the layout for mobile, tuned the SEO, and had Claude prepare the codebase for deployment on Cloudflare Pages & Workers—my go-to stack for hosting personal projects and managing DNS. While I’m really happy with how it turned out, I’ll likely keep tweaking and refining it over time.
(Español)
Hace más de un año, me propuse renovar por completo mi página de presentación profesional, technicalmanager.io (ver: A Framer Approach). Diseñado para mostrar mis habilidades, el sitio ha servido durante años como complemento a mi perfil de LinkedIn y como referencia clave en mis perfiles profesionales. En aquel entonces, elegí Framer, aprovechando su flujo de trabajo basado en lienzo (canvas) y su enfoque low-code. Sin embargo, dada mi formación técnica y mi creciente dependencia de herramientas de IA, decidí abordar el sitio nuevamente; esta vez, construyéndolo con Anthropic Claude a través de VS Code.
Satisfecho con el concepto central que había diseñado en Framer, le pedí a Claude que generara un borrador inicial basándose en el sitio activo. A partir de ahí, refiné el contenido, pulí los textos y me aseguré de no perder ningún detalle importante. Añadí algunos toques nuevos, incluida mi foto de perfil actualizada (para usar en distintas plataformas) y una imagen de fondo sutil para la cabecera. Para rematar, optimicé el diseño para móviles, ajusté el SEO y pedí a Claude que preparara la base de código para su despliegue en Cloudflare Pages & Workers, mi infraestructura habitual para alojar proyectos personales y gestionar DNS. Aunque estoy muy contento con el resultado, es probable que siga haciendo pequeños ajustes y mejoras con el tiempo.