skills.rest
wuzhong-orderly
wuzhong-orderlyCOMMUNITY
Explore all skills by this author →
GitHub

add-feature-page

Integrate Orderly SDK widget feature pages into DEX routing.

Updated Feb 8, 2026
Search Tags:#frontend#react#sdk#component#page#dex
One-click install
npx skills add https://github.com/wuzhong-orderly/orderly-skills --skill add-feature-page
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: add-feature-page
Source: https://github.com/wuzhong-orderly/orderly-skills/tree/main/add-feature-page
Command: npx skills add https://github.com/wuzhong-orderly/orderly-skills --skill add-feature-page

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill streamlines the process of adding new, high-level feature pages to a Decentralized Exchange (DEX) project, saving developers time and ensuring consistency.

Core Features & Use Cases

  • Modular Page Integration: Easily add pre-built components for Trading, Portfolio, Markets, and Vaults.
  • SDK Widget Utilization: Leverages Orderly SDK's high-level widgets for full-page experiences like orderbooks and charts.
  • Use Case: A developer needs to quickly add a new "Markets" overview page to their DEX application. They can use this skill to generate the necessary component, import it, and add the route configuration.

Quick Start

Use the add-feature-page skill to add a trading page to your project.

Frequently Asked Questions about add-feature-page

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add a new trading page to my DEX project?▼

To add a trading page to your DEX project, use this skill to generate the necessary component, import the Orderly SDK widget, and register the route within your application's navigation configuration.

What feature pages can I integrate using Orderly SDK widgets?▼

You can integrate modular feature pages for Trading, Portfolio, Markets, and Vaults into your DEX project by leveraging pre-built Orderly SDK widgets to render full-page experiences like orderbooks and charts.

Do I need to install specific Orderly SDK packages before adding a markets page?▼

Yes, adding a markets page requires installing specific Orderly SDK packages to ensure the high-level widgets function correctly before registering the component within your application routing.

What is the best way to quickly add a portfolio page to a React DEX application?▼

The best way to add a portfolio page to a React DEX application is using this skill to streamline component generation and SDK widget integration, saving development time and ensuring structural consistency.

Can I use this skill to add vault pages to existing decentralized exchange routing?▼

Yes, you can use this skill to add vault pages to existing decentralized exchange routing by generating the required component and registering it directly within your application's navigation structure.

How does modular page integration work for DEX projects?▼

Modular page integration works by importing pre-built Orderly SDK components for specific DEX features and registering them within your application routing to quickly assemble full-page experiences without building from scratch.

Related Skills

Explore More Software Engineering Skills→
hunmerhunmer
70

convert-react-to-memento

Converts a React project into a Memento WebView-ready application.

Community
Intermediate
mahmoud20138mahmoud20138
10

crypto-defi-trading

Analyze on-chain DEX data for trading opportunities and MEV risk.

Community
Advanced
OrderlyNetworkOrderlyNetwork
2

orderly-sdk-react-hooks

Document Orderly Network React SDK hooks for trading and market data integration.

Official
Intermediate
OrderlyNetworkOrderlyNetwork
2

orderly-sdk-page-components

Assemble DEX pages with pre-built React components for trading, portfolios, markets, and leaderboards.

Official
Intermediate