A modular installation guide for deploying Orderly Network SDK packages to build high-performance decentralized exchanges.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install orderly-sdk-install-dependency
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install orderly-sdk-install-dependency using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is Orderly SDK Install Dependency?
This skill serves as a technical roadmap for developers looking to integrate the Orderly Network ecosystem into their web applications. By leveraging Openclaw Skills, developers can identify and install only the specific modules required for their project, ranging from low-level API hooks to high-level UI widgets. The guide ensures that projects are correctly configured with essential peer dependencies, wallet connectors, and CSS presets required for a functional trading interface.
The Orderly SDK is highly modular, allowing for a tailored development experience. This Openclaw Skills resource covers the installation of core providers, feature-rich widgets like trading charts and portfolio dashboards, and multi-chain wallet support for both EVM and Solana environments. It prioritizes a clean setup process that minimizes bundle size while maximizing functionality.
Orderly SDK Install Dependency Use Cases
- Launching a new decentralized exchange (DEX) with pre-built trading components.
- Adding institutional-grade trading hooks and logic to an existing React-based fintech application.
- Implementing multi-chain wallet support including MetaMask, Phantom, and social logins via Privy.
- Customizing the trading experience by installing granular UI sub-packages for order entries and position tracking.
How Orderly SDK Install Dependency Works
- Identify the integration path required for the project, such as a hooks-only custom UI or a full feature-complete DEX.
- Utilize the Openclaw Skills recommended commands to install the core @orderly.network packages via npm, yarn, or pnpm.
- Add necessary wallet connector dependencies specifically for the target blockchain networks (EVM or Solana).
- Configure the frontend build pipeline by adding Tailwind CSS presets and Vite polyfills to handle Node.js built-ins in the browser.
- Import the OrderlyAppProvider and CSS styles into the root of the application to initialize the trading context.
Orderly SDK Install Dependency Setup
Install the foundational packages for a React-based project:
npm install @orderly.network/react-app @orderly.network/hooks @orderly.network/types @orderly.network/ui @orderly.network/i18n
Configure Tailwind CSS by adding the Orderly preset to your tailwind.config.ts:
import { OUITailwind } from '@orderly.network/ui';
export default {
content: ['./src/**/*.{js,ts,jsx,tsx}', './node_modules/@orderly.network/**/*.{js,mjs}'],
presets: [OUITailwind.preset],
};
Ensure browser compatibility for wallet connectors by installing Vite polyfills:
npm install -D vite-plugin-node-polyfills
Orderly SDK Install Dependency Data Schema & Taxonomy
The SDK organizes functionality across specialized packages to maintain a clean architecture. Openclaw Skills helps navigate this taxonomy:
| Package Type | Primary Modules | Purpose |
|---|---|---|
| Core Logic | react-app, hooks, types |
Global state, data fetching, and type safety. |
| UI Foundation | ui, i18n, utils |
Theming, base components, and formatting tools. |
| Feature Widgets | trading, portfolio, markets |
Complete, high-level page components for DEX features. |
| Connectivity | wallet-connector, wallet-connector-privy |
Provider-agnostic wallet integration and social logins. |
| Low-Level | core, perp, net |
Direct API access, math calculations, and WebSocket management. |
Orderly SDK Install Dependency Advanced Features
- Modular installation allows for 'hooks-only' builds to create entirely unique UI/UX while using Orderly's robust backend.
- Integrated support for Privy allows for seamless social logins and embedded wallet creation.
- Built-in PnL sharing card generators and notification centers for enhanced user engagement.
- Sophisticated perpetual trading calculations for margin, liquidation prices, and PnL provided by the @orderly.network/perp package.
- Multi-language support through the dedicated i18n package for global application deployment.
SKILL.md
Loading
Related Openclaw Skills
Orderly SDK DEX Architecture
A comprehensive architectural blueprint for building production-ready decentralized exchanges using the Orderly Network Components SDK.
Orderly SDK Debugging
A comprehensive troubleshooting guide and utility set for resolving build, authentication, and trading errors within the Orderly Network SDK.
Orderly Positions & TP/SL Management
A comprehensive toolkit for real-time perpetual futures position tracking, leverage adjustment, and automated Take-Profit/Stop-Loss order management.
Orderly One DEX
A comprehensive skill for deploying and managing custom white-label decentralized exchanges through the Orderly Network API.
Orderly SDK Page Components
A collection of pre-built React components for building complete, responsive decentralized exchange pages with minimal effort.
Orderly SDK React Hooks
A comprehensive React hook library for integrating professional-grade decentralized trading features into web applications.
Featured*
