LLM SEO Optimized Blog Engine

Builds an MDX blog in Next.js 15 optimized for AI crawlers and search engines.

Updated Aug 8, 2026
One-click install
npx skills add https://github.com/harperaa/testa2 --skill llm-seo-optimized-blog-engine-harperaa
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: LLM SEO Optimized Blog Engine
Source: https://github.com/harperaa/testa2/tree/main/.claude/skills/lessons/llm-seo-blog-engine
Command: npx skills add https://github.com/harperaa/testa2 --skill llm-seo-optimized-blog-engine-harperaa

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires next-mdx-remote, gray-matter, reading-time, rehype-highlight, rehype-slug, rehype-autolink-headings, remark-gfm, @tailwindcss/typography.

What problem does it solve? AI crawlers like GPTBot and ClaudeBot do not execute JavaScript, so client-rendered blog content is invisible to ChatGPT, Claude, and Perplexity. This Skill guides you through building a statically generated MDX blog in Next.js 15 that is fully discoverable by both traditional search engines and AI crawlers. ## Core Features & Use Cases - Static Site Generation for AI Visibility: Pre-renders all blog posts with generateStaticParams so AI crawlers see complete HTML content. - LLM SEO Infrastructure: Implements llms.txt, explicit robots.txt rules for GPTBot/ClaudeBot/PerplexityBot, JSON-LD TechArticle structured data, and automated sitemap generation via a prebuild Node.js script. - Use Case: You are launching a content site and want your articles cited in ChatGPT responses. Use this Skill to set up the MDX blog, configure AI crawler rules, and automate sitemap generation so every post is indexable. ## Quick Start Use the LLM SEO blog skill to scaffold an MDX blog in my Next.js 15 app with llms.txt, robots.txt AI crawler rules, and automated sitemap generation.

Frequently Asked Questions about LLM SEO Optimized Blog Engine

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I make my Next.js blog visible to ChatGPT and AI crawlers?

Use static site generation so AI crawlers receive full HTML, since GPTBot and ClaudeBot do not execute JavaScript. Add llms.txt at your site root, explicitly allow AI crawler user agents in robots.txt, and include JSON-LD structured data on every post.

How to set up an MDX blog in Next.js 15 App Router?

Store MDX files in a content directory, parse them with next-mdx-remote and gray-matter, and render routes with generateStaticParams for SSG. Add rehype-highlight, rehype-slug, and remark-gfm for syntax highlighting and GitHub-flavored markdown.

What is llms.txt and does it help with LLM SEO?

llms.txt is a Markdown file at your site root following the llmstxt.org spec that gives AI systems a curated map of important content. Major AI companies have not officially committed to respecting it, but implementing it is low-cost and future-proofs your site.

Does Tailwind CSS v4 work with the Typography plugin for blogs?

Yes, but Tailwind v4 uses CSS-based configuration instead of tailwind.config.js. Add the Typography plugin with the @plugin directive directly in your globals.css file after importing tailwindcss.

Why is my content not appearing in ChatGPT responses?

ChatGPT relies on Bing's index for real-time information, so your site must be indexed by Bing Webmaster Tools first. Also verify your content is server-rendered, since client-side rendered content is invisible to AI crawlers.

When should I not use static site generation for a blog?

Avoid SSG for purely private or authenticated content where indexing is undesirable, and for SPAs where SEO does not matter. SSG is intended for public-facing pages that should be discoverable by search engines and AI systems.