AgentSkillsCN

zensical-setup

使用 Zensical(Material for MkDocs 的创作者出品)生成文档站点。当您需要搭建全新的 Zensical 文档项目、创建带有警示框、选项卡、代码块和注释的 Markdown 页面,或配置 zensical.toml 文件时,可使用此技能。

SKILL.md
--- frontmatter
name: zensical-setup
description: Generate documentation sites using Zensical (from the creators of Material for MkDocs). Use when setting up a new Zensical documentation project, creating markdown pages with admonitions/tabs/code blocks/annotations, or configuring zensical.toml.

Zensical

Generate documentation using Zensical - a modern static site generator from the creators of Material for MkDocs. Uses TOML configuration.

Workflow

  1. New project? Initialize with starter template from assets/
  2. Adding pages? Use syntax from references/syntax.md
  3. Configuring? Use patterns from references/config.md

Initialize New Project

bash
# Create project directory
mkdir my-docs && cd my-docs

# Initialize and install Zensical
uv init
uv add zensical

Copy starter files from this skill's assets/ directory:

  • assets/zensical.toml → project root
  • assets/docs/ → project docs folder

Run the dev server:

bash
uv run zensical serve

Build for production:

bash
uv run zensical build

Configuration

Zensical uses zensical.toml:

toml
[project]
site_name = "My Docs"
site_url = "https://example.com/"

[project.theme]
variant = "modern"

[project.theme.palette]
scheme = "default"
primary = "indigo"

[project.theme.features]
features = [
    "content.code.copy",
    "content.tabs.link",
    "navigation.instant",
]

Navigation is auto-generated from the docs/ folder structure.

For full configuration options, see references/config.md.

Creating Pages

Add markdown files to the docs/ directory. Zensical auto-generates navigation from the folder structure.

Quick Syntax Reference

Admonitions:

markdown
!!! note "Title"
    Content here.

!!! warning
    Warning content.

??? tip "Collapsible"
    Hidden until clicked.

Code blocks with features:

markdown
```python title="app.py" linenums="1" hl_lines="2"
def main():
    print("highlighted")  # (1)!
```

1. Code annotation text

Content tabs:

markdown
=== "Python"
    ```python
    print("hello")
    ```

=== "JavaScript"
    ```javascript
    console.log("hello");
    ```

Mermaid diagrams:

markdown
```mermaid
graph LR
    A --> B --> C
```

For complete syntax reference, see references/syntax.md.

Resources

  • references/syntax.md - Complete markdown syntax (admonitions, tabs, code blocks, diagrams, etc.)
  • references/config.md - Full zensical.toml configuration reference
  • assets/zensical.toml - Starter config template
  • assets/docs/ - Starter documentation pages