← ClaudeAtlas

wireframelisted

Produce a wireframe doc for a new page (blog post, service page, or catalog leaf) BEFORE content generation. Mandatory step per `CLAUDE.md` — `/blog` and `/service` invoke this in their flow. Output is a markdown wireframe in `_drafts/[slug]/wireframe.md` covering layout zones, heading hierarchy, internal-linking pattern slots, conversion elements (service pages), and image plan. Optionally produces a draw.io / AI-generated visual mockup for client presentation. Use when the user types `/wireframe` directly, or when a page-generating skill calls it.
mkreindel/seo-toolkit-template · ★ 0 · AI & Automation · score 70
Install: claude install-skill mkreindel/seo-toolkit-template
# `/wireframe` — Page wireframe generator (mandatory pre-content step) Per `CLAUDE.md` "Wireframe before content" rule, every new page goes through this skill before content is written. Wireframe-first means structure is decided once; content fills the structure; `/audit` has predictable patterns to verify. ## Inputs Required: - **Site** — must match `sites/[name]/`. - **Slug** — the page's URL slug (or full hierarchical path for catalog footprint). - **Page type** — one of: `home`, `category`, `subcategory`, `product` / `service-leaf`, `blog-post`, `blog-index`, `about`, `contact`. - **Primary keyword** — the keyword the page targets. Optional: - **Cluster** — secondary + tertiary keywords (passed in by `/blog` Step 3 or `/service` Step 3 if invoked from those flows). - **Mockup mode** — `none` (default, doc only), `drawio` (output a draw.io importable XML stub), `ai-mockup` (pause for user to drop a hand-sketch + AI-generated mockup into `_drafts/[slug]/`). ## Workflow ### Step 0 — Cron-mode detection (inherited from caller) This skill is not directly cron-scheduled; it's invoked by `/blog` or `/service` in their respective workflows. When the caller is in `--cron` mode, this skill MUST also operate in cron mode: 1. **Idempotency check:** if `_drafts/{slug}/wireframe.md` already exists, do not overwrite — return the existing wireframe to the caller and let the caller decide whether to proceed with content generation. 2. **Escalation contract:** if the wireframe cann