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.