Neura Market
building-blog logo

building-blog

Free

Adds an SEO-first, i18n-ready blog to a Next.js + Sanity site via a 40-question intake, a one-page plan, and a 20-section spec. Includes a generator for AI hero images via Gemini 3 Pro Image (Nano Banana Pro). *By [@BuildShipGrowRepeat](https://github.com/BuildShipGrowRepeat)*

FreeFree tier
Type
Open Source
Visit Website GitHub (40 stars)

About building-blog

An opinionated, batteries-included Claude Code skill for adding a blog to a Next.js website backed by Sanity CMS. It guides the user through a 40-question intake, generates a one-page implementation plan, and implements against a 20-section technical spec covering SEO, i18n, performance, accessibility, AI hero image generation (via Gemini 3 Pro Image / Nano Banana Pro), and a pass/fail checklist. Aimed at corporate blogs with an organic-search-first approach and optional AI-assisted authoring with human review inside Sanity Studio.

Key Features

40-question interactive intake covering locales, author models, CMS workflow, analytics, consent, AI imagery, comments, search, dark mode, and more
One-page implementation plan template that requires explicit user sign-off before code changes
20-section technical spec including Sanity schema, URL structure, hreflang rules, JSON-LD (BlogPosting, FAQPage), OG tags, Atom feeds, sitemap, performance budgets, WCAG 2.2 AA, and deletion webhook handling
AI hero image generation via Gemini 3 Pro Image (Nano Banana Pro) with locale-keyed slugs and idempotent re-runs
Pass/fail checklist defining the definition of done
Automatic project scanning to pre-fill intake answers from package.json, next.config, message files, design tokens, and CLAUDE.md

Pros & Cons

Pros
  • Comprehensive, opinionated spec saves developers hours of decision-making
  • Batteries-included: SEO, i18n, accessibility, performance, and AI image generation all covered
  • Interactive intake and one-page plan reduce risk of miscommunication
  • Open source and free to use
  • Pass/fail checklist ensures quality and completeness
Cons
  • Only works with Next.js and Sanity CMS; not applicable to other frameworks or CMSs
  • Requires Claude Code (paid) to run as a skill
  • Opinionated structure may not suit all projects or workflows
  • AI image generation depends on Gemini 3 Pro Image (Nano Banana Pro), which may have additional costs or limitations

Best For

Adding a corporate blog to an existing Next.js + Sanity CMS projectSetting up a multilingual, SEO-optimized blog with structured data and performance budgetsAutomating blog implementation via Claude Code with a guided, approval-based workflow

FAQ

What does this Claude Code skill do?
It adds a blog to a Next.js + Sanity site. It walks through a 40-question intake, drafts a one-page plan for approval, then implements a 20-section technical spec covering SEO, i18n, performance, accessibility, AI hero images, and a pass/fail checklist.
How do I install the skill?
Recommended: use `/plugin marketplace add BuildShipGrowRepeat/nextjs-sanity-blog-skill` then `/plugin install building-blog@nextjs-sanity-blog`. Alternatively, clone the repo and copy the skill folder to `~/.claude/skills/`.
What happens after installation?
Say 'add a blog to this project' or similar. Claude scans your project, walks the 40 intake questions with defaults, hands you a one-page plan, waits for sign-off, then implements the spec phase by phase, finishing on the pass/fail checklist.
Can I use AI to generate hero images?
Yes, the spec includes a TypeScript generator for AI hero images via Gemini 3 Pro Image (Nano Banana Pro), with locale-keyed slugs, idempotent re-runs, and a per-project style guide template.