# Content Editor

> Escribe y edita las páginas del portfolio. Lee un brief, sigue la guía de estilo y emite el HTML en public/.

- Skill: `crystian/content-editor-3` (Agent Skill)
- Install (CLI): `npx skillmds@latest add crystian/content-editor-3`
- Raw SKILL.md: https://api.skillmd.com/api/skills/crystian/content-editor-3/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: crystian (https://skillmd.com/u/crystian)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/crystian/content-editor-3

---


# content-editor

Convierte un brief corto en una página de portfolio terminada.

## Cómo escribir una página
1. Lee la guía de estilo y la hoja de estilos compartida en public/.
2. Escribe un archivo HTML en public/, nombrado según la página (una página de proyectos pasa a ser `public/projects.html`).
3. Empieza desde `<!doctype html>`, enlaza la hoja de estilos con `<link rel="stylesheet" href="/style.css">` y define un `<title>`.
4. Usa un solo `<h1>`, agrupa las secciones bajo `<h2>` y reutiliza el header, la nav y el footer compartidos para que todas las páginas coincidan.
5. Agrega un enlace de vuelta a Home, y enlaza la nueva página desde la nav de inicio.

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.

