AI ToolsFree

AI Blog Outline Generator

Enter your blog topic and target audience. Claude AI creates a detailed, SEO-structured outline with H2/H3 headings, key points per section, and suggested word counts.

API Setup Required

AI tools need a backend API route to work. This prevents CORS errors from calling Anthropic directly from the browser.

Quick Setup (3 steps)

1

Create API route

app/api/ai/route.ts
2

Add your API key

.env.local → ANTHROPIC_API_KEY=sk-ant-...
3

Enable in component

AIToolBase.tsx → AI_ENABLED = true
app/api/ai/route.tsCopy & paste
import Anthropic from "@anthropic-ai/sdk";
import { NextRequest, NextResponse } from "next/server";

const client = new Anthropic({
  apiKey: process.env.ANTHROPIC_API_KEY,
});

export async function POST(req: NextRequest) {
  const { system, prompt } = await req.json();
  const msg = await client.messages.create({
    model: "claude-sonnet-4-20250514",
    max_tokens: 1024,
    system,
    messages: [{ role: "user", content: prompt }],
  });
  const text = msg.content[0].type === "text"
    ? msg.content[0].text : "";
  return NextResponse.json({ text });
}

Frequently Asked Questions

Does it include SEO considerations?▼
Yes. Headings are structured for SEO with primary and secondary keyword placement in mind.
Can I specify article length?▼
Yes. Include your target word count for proportional section lengths.