Skip to content
Pablo Contreras
EN
Menú principal

Pablo Contreras · Vibe Coding · Lima, Perú · Remoto LATAM/US

Vibe Coding

AI-Augmented Full Stack · Claude Code

Llevo usando Claude Code desde su lanzamiento (mayo 2025). Antes ya pasaba contexto a Claude web con mi propia extensión FastStruct. Construyo herramientas que aceleran ese flujo y publico prompts reales. La IA es herramienta — el código lo reviso, testeo y mantengo yo.

Ver experiencia Descargar CV

Track record

Años entregando producto
0 +
Empresas
0
Países LATAM
0
Certificaciones
0

01

Experiencia

Roles donde integro IA en el día a día (Destacame actual).

  1. Arquitecto Frontend y Desarrollador de Microservicios

    Destacame

    agosto de 2022 — Presente

    • Desarrollo y aprendizaje continuo en tecnologías full stack, incluyendo Python, Django y microservicios, así como en el modelo de microfrontends.
    • Participación en el desarrollo de productos en el sector fintech, como un sistema para ayudar a los usuarios a saldar deudas en Chile y otro proyecto en México para ofrecer créditos con diferentes niveles a los usuarios.
    • Asignación a un equipo de optimización, encargado de desarrollar soluciones para mejorar el trabajo en diferentes áreas de la empresa, como un administrador de campañas que automatiza procesos que antes eran manuales.
    • Arquitectura Frontend
    • TypeScript
    • Desarrollo Frontend
    • Python
    • Django
    • Microservicios
    • AWS

02

Proyectos destacados

FastStruct + CV builder (bypabloc/cv) + monorepo Astro de este portfolio. Tools que uso para entregar.

FastStruct

Activo

Extensión de VS Code para visualizar y documentar la estructura de un proyecto en segundos, optimizando workflows con IA.

  • TypeScript
  • VS Code Extension API
  • Node.js

CV builder (bypabloc/cv)

Activo

CV builder construido en una sola noche con Claude Code (12 mayo 2026). Demo end-to-end del flujo vibe coding moderno: data → render → deploy.

  • TypeScript
  • Claude Code
  • Astro
  • Vibe Coding

Portfolio multi-nicho

Activo

Este mismo portfolio: monorepo Astro 6 con 5 sitios independientes desplegados en Cloudflare Pages, optimizado para GEO/LLM-SEO.

  • Astro 6
  • TypeScript
  • Biome v2
  • pnpm
  • Cloudflare Pages

MVP template Full Stack

Activo

Template público que uso de referencia para nuevos proyectos: estructura .claude/ con skills, rules, hooks, devtools CLI, conformance y testing.

  • Claude Code
  • Astro 6
  • TypeScript
  • Python 3.14
  • Django
  • Biome v2
  • +1
FastStruct Ver caso de estudio

01 · Problema

Antes de Claude Code (mayo 2025) usaba la interfaz web de Claude para programar. Pasarle el contexto de un proyecto significaba copiar archivo por archivo manualmente.

02 · Proceso

Construí FastStruct como extensión VS Code en TypeScript: comando único que escanea workspace, respeta .gitignore, formatea en markdown estructurado y copia al portapapeles. Patrones de exclusión configurables.

03 · Resultado

Workflow personal 5x más rápido para instruir IAs. Publicada en Marketplace, sigue siendo útil incluso ahora con Claude Code para casos donde necesito contexto compacto para sub-agentes o resumenes externos.

Métricas

  • 5x faster context handoff
  • Marketplace published
  • Pre-Claude-Code era (< May 2025)
CV builder (bypabloc/cv) Ver caso de estudio

01 · Problema

Necesitaba un CV builder propio para iterar rápido sobre datos del CV sin tocar a mano cada exportación. Calendario apretado: una noche disponible.

02 · Proceso

Sesión vibe coding con Claude Code el 12/05/2026: prompts iterativos para definir esquema de datos, render, themes y export. Code review humano en cada commit. Nada de copy-paste sin entender.

03 · Resultado

MVP funcional en una sola noche, repo público en bypabloc/cv. Demuestra que la combinación Claude Code + revision humana entrega producto sin sacrificar mantenibilidad.

Métricas

  • Built in one night (May 12-13, 2026)
  • Claude Code as copilot
  • 0 AI attribution in commits (company policy)
  • Claude Code
  • Cursor
  • GitHub Copilot
  • Prompt Engineering
  • Vibe Coding
  • Vue 3
  • Nuxt.js
  • TypeScript
  • Astro
  • Desarrollo Frontend
  • Desarrollo Frontend
  • Astro
  • TypeScript
  • Nuxt.js
  • Vue 3
  • Vibe Coding
  • Prompt Engineering
  • GitHub Copilot
  • Cursor
  • Claude Code
Vibe Coding · 2026

AI workflow

Cómo trabajo con Claude Code, Cursor y subagentes. Sin gimmicks: prompts reales, transparencia sobre el output, métricas concretas.

Historia

Claude web + FastStruct → Claude Code (mayo 2025)

Antes de Claude Code usaba la interfaz web de Claude para programar y pasaba contexto con mi propia extensión FastStruct (publicada en VS Code Marketplace). Cuando Claude Code salió en mayo 2025 fui early adopter desde día uno.

Adopción empresarial

Implementé Claude Code en Destacame

Fui quien introdujo Claude Code en mi equipo actual en Destacame. Armé estructura de skills, rules y docs para estandarizar el uso entre developers, definir prompts canónicos por tarea, evitar duplicación de descubrimientos y mantener coherencia en quality gates.

CLI tooling

CLIs propias con Claude Code

Suelo construir CLIs (orquestador devtools en Python 3.14, scripts de scan/verify/feature tests, etc.) con Claude Code para centralizar procesos repetitivos del equipo. Cada CLI es código revisado, testeado y mantenible — no scripts desechables.

Stack actual

Claude Code · Cursor · Sub-agentes

Claude Code como driver principal (91% CSAT, 54 NPS). Cursor para refactors visuales puntuales. Sub-agentes (researcher / Explore / code-reviewer) en outputs largos para no quemar contexto del orquestador.

Prompt real

Pattern explore → plan → implement → commit

"Explora estos 3 archivos y dime qué componentes son candidatos a refactor por duplicación. Escribe tu reporte en tmp/explore_X.md, responde una sola línea." → Reduce 80% del consumo de tokens en orquestador.

Referencia abierta

bypabloc/mvp-template-full-stack

Repositorio público que uso como template y referencia del flujo: estructura .claude/, skills, rules, hooks, devtools CLI, conformance y testing. Sirve como blueprint para nuevos proyectos y para mostrar el workflow de vibe coding completo.

Output reciente

bypabloc/cv — MVP en una noche (12-13 mayo 2026)

CV builder construido en una sola noche con Claude Code. Repo público bypabloc/cv. Demuestra que la combinación Claude Code + revisión humana entrega producto sin sacrificar mantenibilidad.

Métricas

5x faster + 0% atribución IA

Tiempo de instrucción a un LLM cae 5x al usar FastStruct. Zero "Generated with Claude Code" en commits/PRs gracias a hook prepare-commit-msg que escanea y limpia atribución IA por política de empresa.

Reglas

AI = herramienta, no autor

Todo el código se revisa, testea (Vitest + Playwright) y mantiene por mí. Quality gates en pre-commit y pre-push (Biome + tsc + astro check + coverage ≥80% + build). Atribución IA prohibida por política — ni en commits, ni en PRs, ni en docs.

// Disclosure: todo el codigo es revisado, testeado (Vitest + Playwright) y mantenido por mi. La IA es herramienta, no autor. NUNCA en atribucion de commits.

03

Skills técnicas

Stack actual + dominios donde he entregado producto en producción.

Técnicas

AI Workflows

  • Claude Code
  • Cursor
  • GitHub Copilot
  • Prompt Engineering
  • Vibe Coding
  • Sub-agentes
  • MCP Servers
  • Skill-based agents

Frontend

  • Vue 3
  • Nuxt.js
  • TypeScript
  • Astro
  • Desarrollo Frontend
  • Arquitectura Frontend
  • Microfrontend
  • Desarrollo de E-commerce
  • Aplicación Web
  • jQuery

Blandas

Mindset & Personal

  • Adaptabilidad
  • Agilidad de Aprendizaje
  • Auto-motivación
  • Pensamiento Analítico
  • Resolución de Problemas

04

Contacto

Mejor por email o LinkedIn. Suelo responder en menos de 24 h.