Requirements
- Node.js v20.19.0 or newer.
1. Install the devkit CLI
Global install (recommended):orderly-devkit (not orderly).
Verify:
2. Install agent skills (recommended for AI-assisted development)
These skills ship fromOrderlyNetwork/orderly-skills and teach your agent orderly-plugin-create, orderly-plugin-write, orderly-plugin-add, and orderly-plugin-submit—aligned with orderly-devkit and this handbook’s tutorials.
--agent cursor (or your client) when you need skills installed for a specific agent—see CLI reference: skills.
Without an AI agent, this step is optional; you can rely on the CLI and docs alone. With an agent, treat this as part of the default stack together with the MCP below.
3. Install Orderly SDK Docs MCP (recommended)
Enables AI assistants to search SDK docs, resolve component and type metadata, and fetch workflows. Use either:install subcommand.
After orderly-devkit create plugin or a successful submit, the devkit may print hints if the MCP server is not detected (see the published @orderly.network/devkit sources for MCP detection behavior).
4. Create a plugin from the template
Interactive (prompts for name, plugin id, interceptor target, output directory):--no-interactive):
OrderlyNetwork/orderly-plugin-template. A .orderly-manifest.json may be generated in the output folder.
5. Build and run locally
OrderlyAppProvider plugins.
Next steps
| Goal | Document |
|---|---|
| Skills + MCP mental model | Skills-first workflow |
| First visible UI change | Tutorial: First plugin |
| Add plugin to a DEX app | Tutorial: Integrate into host |
| Marketplace login and submit | Tutorial: Marketplace |
| When to use widget vs page vs layout | How-to: Plugin types |