Menú
Escribe y edita las páginas del portfolio. Lee un brief, sigue la guía de estilo y emite el HTML en public/.
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Basado en la clasificación ocupacional SOC
Interactive skill-map tutorial, a single "book" of parts and chapters that a first-time tester walks end to end. It opens with a live-UI prologue (the tester runs `sm`, opens the browser, and watches the map update as `.md` files are edited), then a menu of further parts (watch your agent light the map up in real time, extend skill-map with plugins/settings/slots, the CLI in depth). The skill is invoked from an empty directory and lays its fixture there directly. State persists in `tutorial-state.json` for pause/resume. Triggers: "tutorial", "sm-tutorial", "tutorial me", "run the tutorial", "ejecuta el tutorial", "test skill-map", "advanced tutorial", "go deeper", "tutorial avanzado".
Validates the portfolio's internal links before publishing. Walks every generated page and reports any link whose target is missing.
Mirrors the portfolio's pages into Notion after publishing, creating one Notion page per site page via the Notion MCP. Use it from /publish, or when the user asks to sync the site to Notion.
Validates the portfolio's internal links before publishing. Walks every generated page and reports any link whose target is missing.
Writes and edits the portfolio's pages. Reads a brief, follows the style guide, and emits the HTML into public/.
Mirrors the portfolio's pages into Notion after publishing, creating one Notion page per site page via the Notion MCP. Use it from /publish, or when the user asks to sync the site to Notion.
| name | content-editor |
| description | Escribe y edita las páginas del portfolio. Lee un brief, sigue la guía de estilo y emite el HTML en public/. |
| allowed-tools | Read Write |
Convierte un brief corto en una página de portfolio terminada.
public/projects.html).<!doctype html>, enlaza la hoja de estilos con <link rel="stylesheet" href="/style.css"> y define un <title>.<h1>, agrupa las secciones bajo <h2> y reutiliza el header, la nav y el footer compartidos para que todas las páginas coincidan.Reglas: HTML estático plano, sin framework, sin JS de cliente, una página por archivo. Si una página necesita una imagen, usa un placeholder gratuito de https://placekittens.com/ (por ejemplo https://placekittens.com/400/300) para que el <img> nunca apunte a un archivo inexistente.