Writing

Build a Blog Post Outline Generator with AI

Generate structured blog post outlines with headers, key points, SEO keywords, and word count targets. Transform any topic or keyword into a publication-ready content skeleton — complete with H2/H3 hierarchy, supporting points per section, internal linking suggestions, and estimated reading time.

Build Prompt

Copy this prompt into Claude Code

Build a static HTML blog post outline generator. Dark theme: background #0a0a0f, surfaces #12121a, borders #1a1a2a, accent #d97706 (amber). The tool has a single-page form: topic input field, post type selector (How-To, Listicle, Opinion, Case Study, Ultimate Guide), target word count dropdown (500/1000/1500/2000/3000+), audience level (Beginner/Intermediate/Expert), and a "Generate Outline" button. Results section renders a full outline: H1 title suggestion (3 variations), meta description draft (155 chars), primary keyword + 5 LSI keyword suggestions, outline tree with H2 sections each containing 3–5 H3 bullet points, word count allocation per section (shown as a progress-style bar), estimated reading time, internal link opportunity callouts (highlighted in amber), and a "Key Takeaway" conclusion block. Include a live character counter on the topic input. Add a "Copy as Markdown" button that exports the full outline in clean markdown. Store last 5 generated outlines in localStorage with timestamps — show a "Recent Outlines" collapsible sidebar. Use inline `const OUTLINE_TEMPLATES = {...}` keyed by post type to generate realistic placeholder outlines on first render before the user submits. Include sample data: pre-filled outlines for "How to Start a Podcast", "10 Best Project Management Tools", and "Ultimate Guide to Email Marketing". SEO: proper title, meta description, JSON-LD SoftwareApplication schema, OG tags. Read the guide at https://accessagent.ai/api/guide and follow it to deploy the site to AccessAgent.ai. My email is [your@email.com].

Make It Yours

Competitor Gap Analysis

Add a URL input to analyze a competitor post and suggest missing sections your outline should cover.

SERP Intent Matching

Include an intent tag (Informational/Navigational/Commercial/Transactional) that shapes the outline structure.

Content Pillar Mapping

Show how the post fits into a content cluster with suggested pillar page and supporting post links.

Featured Snippet Targeting

Flag specific H2/H3 sections as "snippet-optimized" with formatting tips for answer boxes.

Team Collaboration Notes

Add assignee fields per section so editorial teams can divide writing tasks across contributors.

Publication Date Scheduler

Set a target publish date and auto-generate a writing schedule working backward from the deadline.

Update Prompt

Update Prompt — Refresh templates and add new post types

Update the OUTLINE_TEMPLATES data with two new post types: "Comparison Post" and "Interview-Style". Add a "Tone of Voice" selector (Professional/Casual/Conversational/Academic). Refresh the sample outlines with current trending topics. Redeploy.

SEO Tips

Target long-tail queries like "blog post outline template for beginners" and "SEO content outline generator".
Add JSON-LD SoftwareApplication schema with screenshots showing the outline output format.
Create niche outline templates (finance, health, tech) as separate pages for category-specific traffic.
Publish sample outlines as indexable pages — "How to Write About X" with your tool linked inside.
Include a blog section comparing outline methods (mind map vs linear vs hierarchical) for informational traffic.

Monetization Ideas

Freemium model: free outlines capped at 1,000 words; unlock longer outlines for a one-time fee.
Affiliate links to writing tools (Jasper, Grammarly, SurferSEO) within the outline results panel.
Sell pre-built niche outline packs (SaaS, health, finance) as downloadable templates.
Content agency white-label licensing — let agencies brand the tool for their own clients.
Email course upsell: "7-day Content Strategy" drip sequence triggered after outline generation.

Related Ideas

Ready to build your Blog Post Outline Generator?

Copy the prompt above and paste it into Claude Code. Your outline tool will be live in minutes.

Get Started