# Preview

> Start a local dev server for this static site. Required before /verify-visual since file:// breaks fetch() calls for locales/*.json.

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

---


# /preview

Start a local HTTP server in the project root.

```bash
python3 -m http.server 8000
```

Then open `http://localhost:8000/index.html`.

**Why a server (not `file://`)**: the site uses `fetch('locales/<lang>.json')` to load translations. Browsers block `fetch` from `file://` (CORS), so you MUST use HTTP for visual verification — the i18n strings come up as empty otherwise.

## Notes for the agent

- Run with `run_in_background: true` to return control immediately.
- If port 8000 is in use, increment to 8001 and report.
- Don't kill an existing server — multiple ports can coexist.
- Pair with `/verify-visual` for screenshot-based verification.

## Companion

- `/verify-visual` — uses chrome-devtools MCP to screenshot + critique the served page
- `/i18n-sync` — verify all locale files have parity before/after editing strings