`. 4. Use one `<h1>`, group sections under `<h2>`, and reuse the shared header, nav, and footer so every page matches. 5. Add a link back to Home, and link the new page from the home nav. Rules: plain static HTML, no framework, no client JS, one page per file. If a page needs an image, use a free placeholder from https://placekittens.com/ (e.g. `https://placekittens.com/400/300`) so the `<img>` never points at a missing file.

# Content Editor

> Writes and edits the portfolio's pages. Reads a brief, follows the style guide, and emits the HTML into public/.

- Skill: `crystian/content-editor-2` (Agent Skill)
- Install (CLI): `npx skillmds@latest add crystian/content-editor-2`
- Raw SKILL.md: https://api.skillmd.com/api/skills/crystian/content-editor-2/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-2

---


# content-editor

Turns a short brief into a finished portfolio page.

## How to write a page
1. Read the style guide and the shared stylesheet in public/.
2. Write one HTML file under public/, named after the page (a projects page becomes `public/projects.html`).
3. Start from `<!doctype html>`, link the stylesheet with `<link rel="stylesheet" href="/style.css">`, and set a `<title>`.
4. Use one `<h1>`, group sections under `<h2>`, and reuse the shared header, nav, and footer so every page matches.
5. Add a link back to Home, and link the new page from the home nav.

Rules: plain static HTML, no framework, no client JS, one page per file. If a page needs an image, use a free placeholder from https://placekittens.com/ (e.g. `https://placekittens.com/400/300`) so the `<img>` never points at a missing file.