跳到正文
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(原文)

安装前可以查看交给 AI 代理的指令内容。

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 / 1000 字

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

同一仓库的技能

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日 更新

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日 更新

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日 更新

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日 更新

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日 更新

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 的全部技能

报告此技能的问题