Skip to content
cccskills
FreePublished on GitHub

portfolio-site

Build or update a personal portfolio website from a single source-of-truth profile. Two modes: sync content into an existing portfolio repo, or scaffold a new portfolio site. Triggers: portfolio web, pagina personal, actualizar portfolio, sincronizar portfolio, crear portfolio, sitio personal de desarrollador, portfolio React.

The English summary is being prepared. Showing the original description.

SebastianLuser/claude-code-arcane3 stars(GitHub 3 + cccskills 0)
Works withNetlify

Run score Not tested

See how to install

Files included (1)

  • SKILL.md3.4 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

Portfolio Site - Portfolio web desde el source-of-truth

Generás o actualizás un portfolio web personal a partir de un único source-of-truth (portfolio/Datos Portfolio Web.md en el career workspace, derivado del perfil maestro). La regla: el contenido se edita primero en el .md y de ahí se sincroniza al sitio.

El source-of-truth

portfolio/Datos Portfolio Web.md contiene, en una estructura estable, todo lo que va al sitio: personal info (con email público separado del personal), bios (corto/medio/largo), experiencia, educación, certificaciones, skills con niveles/%, proyectos (con links en vivo), achievements, idiomas, referencias. Si no existe, derivalo del perfil maestro (/master-profile).

Convención: valores en inglés (van directo al sitio) y meta-instrucciones en español.

Modos

sync - Actualizar un portfolio existente

Para cuando ya hay un repo de portfolio (ej. una React SPA con el contenido en src/pages/*.js, src/data/*, o similar).

  1. Leer el source-of-truth y el repo destino.
  2. Mapear cada sección del .md a dónde vive en el sitio (componentes/datos).
  3. Detectar drift: qué está desactualizado en el sitio vs el .md (roles nuevos, fechas, proyectos, nivel de idioma). El source-of-truth manda.
  4. Aplicar los cambios al sitio respetando su arquitectura y estilo de código existentes.
  5. Verificar (build/preview) y resumir el diff.

scaffold - Crear un portfolio nuevo

Para cuando no hay sitio todavía.

  1. Preguntar el stack preferido (default sugerido: sitio estático simple - HTML/CSS o un framework liviano como Astro/Vite - fácil de hostear en GitHub Pages/Netlify).
  2. Preguntar secciones deseadas (hero, about, experiencia, proyectos, skills, contacto).
  3. Generar el proyecto consumiendo el source-of-truth como contenido.
  4. Configurar deploy (GitHub Pages / Netlify) si el usuario quiere.
  5. Documentar cómo correr sync a futuro.

Secciones típicas

  • Hero - nombre, headline, bio corto, links (GitHub/LinkedIn/email público).
  • About - bio medio/largo.
  • Experience - roles con highlights.
  • Projects - los destacados, con tech, descripción corta y link en vivo.
  • Skills - agrupados, con nivel/%.
  • Contact - email público (nunca el personal), formulario o links.

Reglas

  • El .md es la fuente. Nunca editar el sitio sin reflejarlo en el source-of-truth (si no, vuelve el drift).
  • Email público en el sitio, jamás el personal/teléfono.
  • Respetar la arquitectura y el estilo del repo existente en modo sync - no reescribir todo.
  • En scaffold, mantenerlo simple y rápido de hostear salvo que el usuario pida otra cosa.
  • No subir datos sensibles; el portfolio es público.

Handoff

Pedí aprobación (approval) antes de escribir en el repo del portfolio o scaffoldear un sitio nuevo. Cuando el sitio está READY/sincronizado, volvé a /job-hunt status para seguir con las aplicaciones.

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

Plan, design, and implement A/B tests and experiments with statistical rigor. Covers hypothesis frameworks, sample sizing, metrics, and result analysis.

The English summary is being prepared. Showing the original description.

SebastianLuser/claude-code-arcane3Updated Oct 27, 2026

Web/mobile accessibility decision guide: WCAG 2.2 AA, ARIA, keyboard nav, focus management, contrast, testing. Use for: a11y, accessibility, wcag, aria, screen reader, keyboard, contrast.

The English summary is being prepared. Showing the original description.

SebastianLuser/claude-code-arcane3Updated Oct 27, 2026

Generate, iterate, and scale ad creative for paid advertising across Google, Meta, LinkedIn, and X. Covers platform specs, creative frameworks, and quality validation.

The English summary is being prepared. Showing the original description.

SebastianLuser/claude-code-arcane3Updated Oct 27, 2026

Musica interactiva para juegos: layering vertical, re-secuenciacion horizontal, stingers, reglas de transicion con sync points, y mapeo de estados de gameplay a musica. Usar para: musica adaptativa, sistema de musica dinamica, transiciones musicales, combat music.

The English summary is being prepared. Showing the original description.

SebastianLuser/claude-code-arcane3Updated Oct 27, 2026

Design multi-agent systems, create agent architectures, define communication patterns, and build autonomous agent workflows with structured evaluation frameworks.

The English summary is being prepared. Showing the original description.

SebastianLuser/claude-code-arcane3Updated Oct 27, 2026

Inter-agent communication protocol for C-suite agent teams. Defines invocation syntax, loop prevention, isolation rules, response formats, and quality loops.

The English summary is being prepared. Showing the original description.

SebastianLuser/claude-code-arcane3Updated Oct 27, 2026

See all skills by SebastianLuser

Report a problem with this skill