geistdocs

Configure and author documentation sites with Vercel's Geistdocs template built on Next.js and Fumadocs.

Updated Jul 31, 2026
One-click install
npx skills add https://github.com/AarnavBaddam/skills --skill geistdocs-aarnavbaddam
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: geistdocs
Source: https://github.com/AarnavBaddam/skills/tree/main/geistdocs
Command: npx skills add https://github.com/AarnavBaddam/skills --skill geistdocs-aarnavbaddam

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Building a documentation site from scratch requires wiring together MDX rendering, search, i18n, AI chat, feedback collection, and deployment configuration. This Skill provides expert guidance for Geistdocs, Vercel's documentation template, so you can set up and customize a full-featured docs site without assembling each piece manually. ## Core Features & Use Cases - Project scaffolding and configuration: Initialize a project with npx @vercel/geistdocs init and customize branding, navigation, AI prompts, GitHub integration, and translations via the root geistdocs.tsx config file. - MDX authoring guidance: Write documentation pages with frontmatter, code blocks with highlighting and diff annotations, Mermaid diagrams, and GFM tables, with automatic file-based routing from content/docs/. - Built-in docs infrastructure: Set up AI chat (Ask AI), i18n with auto-translation, feedback widgets that create GitHub Issues, RSS feeds, llms.txt endpoints, and Vercel deployment. - Use Case: You need to launch documentation for a new product. Use this Skill to scaffold a Geistdocs project, configure your logo and nav, write MDX pages with syntax-highlighted code examples, enable the AI assistant, and deploy to Vercel. ## Quick Start Ask the assistant to scaffold a new Geistdocs documentation project and walk you through configuring the geistdocs.tsx file for your product.

Frequently Asked Questions about geistdocs

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

FAQPage Schema
How do I create a documentation site with Geistdocs?

Run npx @vercel/geistdocs init to clone the template, install dependencies, and remove sample content. Then copy .env.example to .env.local, run pnpm dev, and add MDX files to the content/docs directory where they auto-route to pages.

How do I configure navigation and branding in Geistdocs?

Edit the root geistdocs.tsx file, which exports Logo, nav, title, prompt, suggestions, github, and translations values. The Logo is a React component, nav is an array of label/href pairs, and github enables Edit on GitHub links.

Does Geistdocs support internationalization for docs pages?

Yes, Geistdocs uses Fumadocs language-aware routing with [lang] URL segments. Name files like getting-started.cn.mdx for Chinese, and run pnpm translate to auto-translate content. The default language has no URL prefix.

How does the AI chat feature work in Geistdocs?

The Ask AI assistant uses openai/gpt-4.1-mini via Vercel AI Gateway, configured with the AI_GATEWAY_API_KEY environment variable. It includes a search_docs tool, source citations, IndexedDB chat history, and opens via navbar button or Cmd+I.

What environment variables does Geistdocs require for deployment?

Geistdocs needs AI_GATEWAY_API_KEY to power AI chat and NEXT_PUBLIC_VERCEL_PROJECT_PRODUCTION_URL for the production domain used by RSS. Both are auto-configured when deploying on Vercel.