section-docs

Add a structured documentation section to an existing Astro website.

5|1|Updated Apr 9, 2026
One-click install
npx skills add https://github.com/teamniteo/hakuto --skill section-docs
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: section-docs
Source: https://github.com/teamniteo/hakuto/tree/main/skills/section-docs
Command: npx skills add https://github.com/teamniteo/hakuto --skill section-docs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill solves the challenge of creating consistent, readable, and structured technical documentation that integrates seamlessly with an existing Astro-based website without cluttering the brand aesthetic.

Core Features & Use Cases

  • Structured Navigation: Automatically generates sidebar navigation, breadcrumbs, and table of contents for complex documentation sets.
  • Minimalist Design System: Implements a content-focused, high-legibility design using CSS custom properties that respects the site's existing typography while maintaining a clean, distraction-free reading environment.
  • Use Case: Use this when a user needs to add a developer API reference, a comprehensive knowledge base, or a help center to their SaaS product or general website.

Quick Start

Invoke the section-docs skill to scaffold a new documentation section with sidebar navigation and search functionality into the current project.

Frequently Asked Questions about section-docs

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

FAQPage Schema
How do I add API reference documentation to an existing Astro website?▼

To add API reference documentation to an Astro website, you can scaffold a structured documentation section using content collections and dynamic routing. This approach integrates sidebar navigation and search directly into your existing site.

What is the best way to build a knowledge base with sidebar navigation in Astro?▼

Building a knowledge base in Astro is best achieved by using content collections to manage technical writing and dynamic routing for structure. This configuration automatically generates sidebar navigation, breadcrumbs, and a table of contents.

Do I need a site-specification file to generate technical docs in Astro?▼

Yes, you need an existing site-specification.md file to generate technical docs. This file aligns the documentation themes and navigation structures with the host project to ensure seamless visual integration.

Can I create a minimalist help center that matches my SaaS product's current typography?▼

You can create a minimalist help center that matches your SaaS typography by using CSS custom properties. This implementation respects existing fonts while maintaining a content-focused, distraction-free reading environment.

Does Astro content collections support integrated search for user guides?▼

Astro content collections support integrated search for user guides when configured with dynamic routing. This setup allows users to navigate complex technical reference material and help center articles efficiently.