Hanzo AIDocs
Sign inAPI key

User Guide

The CLI tool that automates setups and installs components.

Installation

Initialize a config for CLI:

npx @hanzo/docs-cli
pnpm dlx @hanzo/docs-cli
yarn dlx @hanzo/docs-cli
bun x @hanzo/docs-cli

You can change the output paths of components in the config.

Components

Select and install components.

npx @hanzo/docs-cli add
pnpm dlx @hanzo/docs-cli add
yarn dlx @hanzo/docs-cli add
bun x @hanzo/docs-cli add

You can pass component names directly.

npx @hanzo/docs-cli add banner files
pnpm dlx @hanzo/docs-cli add banner files
yarn dlx @hanzo/docs-cli add banner files
bun x @hanzo/docs-cli add banner files

How the magic works?

The CLI fetches the latest version of component from the GitHub repository of Hanzo Docs. When you install a component, it is guaranteed to be up-to-date.

In addition, it also transforms import paths. Make sure to use the latest version of CLI

This is highly inspired by Shadcn UI.

Customize

A simple way to customize Hanzo Docs layouts.

npx @hanzo/docs-cli customize
pnpm dlx @hanzo/docs-cli customize
yarn dlx @hanzo/docs-cli customize
bun x @hanzo/docs-cli customize

Tree

Generate files tree for Hanzo Docs UI Files component, using the tree command from your terminal.

npx @hanzo/docs-cli tree ./my-dir ./output.tsx
pnpm dlx @hanzo/docs-cli tree ./my-dir ./output.tsx
yarn dlx @hanzo/docs-cli tree ./my-dir ./output.tsx
bun x @hanzo/docs-cli tree ./my-dir ./output.tsx

You can output MDX files too:

npx @hanzo/docs-cli tree ./my-dir ./output.mdx
pnpm dlx @hanzo/docs-cli tree ./my-dir ./output.mdx
yarn dlx @hanzo/docs-cli tree ./my-dir ./output.mdx
bun x @hanzo/docs-cli tree ./my-dir ./output.mdx

See help for further details:

npx @hanzo/docs-cli tree -h
pnpm dlx @hanzo/docs-cli tree -h
yarn dlx @hanzo/docs-cli tree -h
bun x @hanzo/docs-cli tree -h

Example Output


export default (
  <Files>
    <Folder name="app">
      <File name="layout.tsx" />
      <File name="page.tsx" />
      <File name="global.css" />
    </Folder>
    <Folder name="components">
      <File name="button.tsx" />
      <File name="tabs.tsx" />
      <File name="dialog.tsx" />
    </Folder>
    <File name="package.json" />
  </Files>
);

In this section

SDKsOfficial Hanzo SDKs for every language — Python, TypeScript, Go, Rust, C++, Swift, Kotlin. Two lines per…
ZAP ProtocolZero-Copy App Proto — High-performance Cap'n Proto RPC for AI agent communication. 10-100x faster than MCP…
Hanzo Skills ReferenceComprehensive reference documentation for all 49 Hanzo skills — deep-dive guides for AI agents and developers.
UsageOne usage plane for every AI account you have — rate limits, credits, and spend across Codex, Claude, Hanzo…
OrganizationsMulti-org setup, resource scoping, team management, and white-label login for Hanzo organizations.
Was this page useful?
PreviousDocs Architecture (ADR)NextPreview
Last updated Sep 27, 2026