视觉画布设计
canvas-design
基于设计原则创作静态视觉作品,用于海报与品牌图形。
mintlify【文档与办公】Create beautiful developer documentation with Mintlify — AI-powered docs platform. Use when someone asks to "create documentation site", "Mintlify", "developer docs", "API documentation", "beautiful docs like Stripe", or "documentation platform with AI search". Covers page creation, API reference generation, components, analytics, and AI chat.
独立 GitHub 快照 · 自动分类 · 以原作者文档为准
Mintlify is a documentation platform that makes developer docs look like Stripe's — beautiful by default, with built-in API reference generation, AI-powered search, analytics, and MDX components. Write in MDX, push to GitHub, docs deploy automatically. Includes interactive API playground, versioning, and AI chatbot trained on your docs.
# Install CLI
npm install -g mintlify
# Initialize in your project
mintlify init
# Local development
mintlify dev
// mint.json — Documentation configuration
{
"name": "My Product",
"logo": {
"dark": "/logo/dark.svg",
"light": "/logo/light.svg"
},
"favicon": "/favicon.svg",
"colors": {
"primary": "#0D9373",
"light": "#07C983",
"dark": "#0D9373"
},
"navigation": [
{
"group": "Getting Started",
"pages": ["introduction", "quickstart", "authentication"]
},
{
"group": "API Reference",
"pages": [
"api-reference/overview",
{
"group": "Users",
"pages": [
"api-reference/users/list",
"api-reference/users/create",
"api-reference/users/get",
"api-reference/users/update"
]
}
]
},
{
"group": "Guides",
"pages": ["guides/webhooks", "guides/rate-limits", "guides/errors"]
}
],
"api": {
"baseUrl": "https://api.myproduct.com",
"auth": { "method": "bearer" }
},
"topbarLinks": [
{ "name": "Dashboard", "url": "https://app.myproduct.com" }
],
"tabs": [
{ "name": "API Reference", "url": "api-reference" },
{ "name": "SDKs", "url": "sdks" }
],
"footerSocials": {
"github": "https://github.com/myproduct",
"twitter": "https://twitter.com/myproduct"
}
}
---
title: "Quickstart"
description: "Get up and running in 5 minutes"
---
## Install the SDK
<CodeGroup>
```bash npm
npm install @myproduct/sdk
yarn add @myproduct/sdk
pnpm add @myproduct/sdk
import { MyProduct } from "@myproduct/sdk";
const client = new MyProduct({
apiKey: process.env.MYPRODUCT_API_KEY,
});
---
title: "Create User"
api: "POST https://api.myproduct.com/v1/users"
description: "Create a new user account"
---
<ParamField body="email" type="string" required>
User's email address
</ParamField>
<ParamField body="name" type="string" required>
Full name (2-100 characters)
</ParamField>
<ParamField body="role" type="string" default="user">
One of: `user`, `admin`
</ParamField>
<ResponseExample>
```json 200
{
"id": "usr_1a2b3c",
"email": "kai@example.com",
"name": "Kai",
"role": "user",
"created_at": "2026-02-26T12:00:00Z"
}
{
"error": "validation_error",
"message": "Email is required"
}
User prompt: "Generate documentation for my REST API from our OpenAPI spec."
The agent will convert the OpenAPI spec to Mintlify pages, create navigation structure, add code examples in multiple languages, and set up the API playground.
User prompt: "Set up documentation for our SaaS product — quickstart, guides, and API reference."
The agent will initialize Mintlify, create the navigation structure, write quickstart and guide pages with MDX components, and configure deployment.
<Note>, <Card>, <Steps>, <CodeGroup>mint.json is the config — navigation, branding, API settingsmintlify dev for local preview — hot reload during writingmintlify openapi <spec.yaml> generates API reference pagesdocs.myproduct.com