Built to become yours

Your workflow.
Your kind of magic.

Add tools, views, and skills that fit the way you work. Find a plugin in the marketplace, or bring your own idea to life with the Zana SDK.

Find a plugin ↗Build a plugin →
Explore how plugins work ↗
Your pluginpackage.json → zcc
One package
Server

Make it work.

Tools, services, and workflows.

ZccPluginApi
App

Make it yours.

Panels, project tabs, and actions.

definePluginApp
SkillsThread toolsCLI MCP servers

Server code runs with full trust. Install plugins from sources you trust.

Plugin Guide

Every surface a plugin can own.

Explore where your plugin can appear. Each annotated view connects a product surface to its SDK contract.

App shell

Global sidebar, Projects header, and rail footer.

Agents Your action
BoardListFlow Your view
Running
Pairing relay

Ship the pairing flow on this host.

Idle
Checkout flakes

Fix the flaky checkout tests

~/projects/acmemain prod
Describe the task…
Claude Code
Acme
Your action Your section
Release 1.4Bug triageDesign QA
Ship the pairing flow
Draft the pairing notes

Drafted. Two rough edges left in pairing — reply with what to fold in.

Your banner
Summarize @release-notes and fix the TODO in checkout.
AgentClaude Code
AcmeFull Access
Fix flaky checkout tests
Fix the flaky checkout tests
Re-ran checkout suite Completed

The retries cluster in two suites. Failure rate by suite:

::your-directive

Fixed by isolating the Stripe mock per test.

Copy Your actioncheckout.spec.ts · Open with plugin
Pick a release channelCancelSubmit
Ship release candidate
Run the release checklist

Checklist is in the side panel when the plugin action runs.

Search commands…
Extensions
Run release checklistPlugins
Reload plugins

Hello

A friendly example plugin.

Configuration

Save settings
Your settings UI

Plugin-owned React on this hub page, not in Global Settings.

Agent capabilities

Host services

Runtime

Read the matching SDK reference →

Install

Install a plugin

Use the marketplace for published capabilities, or install a folder, git, or npm source when you already have the plugin.

See installation paths →Author

Build your first panel

Start with a TypeScript plugin that registers a nav panel. Review and confirm full trust before installing.

Start the quickstart →SDK

Learn the SDK boundary

Use @zana-ai/zcc-plugin-sdk for slots on the app side and ZccPluginApi on the server. Host-daemon tokens stay on the server.

Explore the SDK →
Install with confidence

Understand what you install.

Marketplace entries describe what a plugin contributes. Official catalogs install offline; community catalogs list npm/git pointers only. After install, plugins run in-process on the server.

  • Install published plugins from the same catalog the app reads
  • Use a local folder, git, or npm source for private development workflows
  • Confirm the full-trust install before the plugin loads

Read the install guide →

Your development loop

Build locally. Reload live. Keep core untouched.

A local plugin is an ordinary disk plugin with an editable source folder. Author package.json zcc, then zcc plugin dev watches, rebuilds, and reloads.

  • Use @zana-ai/zcc-plugin-sdk instead of internal app modules
  • Register app.slots.navPanel and optional server hooks
  • A failed reload keeps the last good generation

Follow the five-minute quickstart →

Reference

Short path to action. Deep documentation behind it.

Use the task guides for a focused workflow, then move into the maintained reference for contracts, permissions, lifecycle details, and publishing.

Build your first plugin Plugin authoring guide SDK reference Plugin architecture overview