# Preview Template

> Start or identify the local preview environment from Codex. Use for UI, docs, static site, Vite, Next.js, Storybook, MkDocs, or visual verification workflows.

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

---


# preview-template

Read `../general/preview-template/SKILL.md`, then adapt it to Codex:

1. Inspect project manifests and `AGENTS.md` for the canonical preview command.
2. Start long-running dev servers in a background exec session when possible.
3. If the default port is occupied, choose another port and state it.
4. Keep the server running only if the user needs to try it or a later
   verification step needs it.
5. End with the actual local URL.

Do not start a server for plain HTML when opening the file directly is enough,
unless browser APIs or module loading require HTTP.