본문으로 건너뛰기
cccskills
무료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.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

SebastianLuser/claude-code-arcane스타 3(GitHub 3 + cccskills 0)
연동 도구Netlify

실행 점수 미검증

설치 방법 보기

포함된 파일(1)

  • SKILL.md3.4 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

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.

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

ab-test-setup

무료

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

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

SebastianLuser/claude-code-arcane32026년 10월 27일 업데이트

accessibility

무료

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.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

SebastianLuser/claude-code-arcane32026년 10월 27일 업데이트

ad-creative

무료

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

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

SebastianLuser/claude-code-arcane32026년 10월 27일 업데이트

adaptive-music

무료

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.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

SebastianLuser/claude-code-arcane32026년 10월 27일 업데이트

agent-designer

무료

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

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

SebastianLuser/claude-code-arcane32026년 10월 27일 업데이트

agent-protocol

무료

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

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

SebastianLuser/claude-code-arcane32026년 10월 27일 업데이트

SebastianLuser의 스킬 모두 보기

이 스킬의 문제 신고