القائمة
Escribe y edita las páginas del portfolio. Lee un brief, sigue la guía de estilo y emite el HTML en public/.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف 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.