gdex-ui-portfolio-dashboard

Provide React components for GDEX portfolio dashboards with balances and trade history.

4|Updated Mar 7, 2026
One-click install
npx skills add https://github.com/GemachDAO/gdex-skill --skill gdex-ui-portfolio-dashboard
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: gdex-ui-portfolio-dashboard
Source: https://github.com/GemachDAO/gdex-skill/tree/main/skills/gdex-ui-portfolio-dashboard
Command: npx skills add https://github.com/GemachDAO/gdex-skill --skill gdex-ui-portfolio-dashboard

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Build-ready React components to quickly assemble a GDEX portfolio dashboard that shows balances, trade history, and live data updates.

Core Features & Use Cases

  • Reusable UI components for token balances, trade history tables with pagination, and chain selectors.
  • Live data polling and automatic refresh to keep dashboards up-to-date.
  • Use case: rapidly prototype a cross-chain portfolio view for dashboards and analytics.

Quick Start

Integrate the provided React components into your app to render a live, interactive GDEX portfolio dashboard.

Frequently Asked Questions about gdex-ui-portfolio-dashboard

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

FAQPage Schema
How do I build a React portfolio dashboard with live data polling?

Build a React portfolio dashboard with live data polling by integrating ready-made UI components that automatically fetch and refresh cross-chain token balances, trade history, and live updates without requiring custom polling logic.

What is the best way to display cross-chain token balances in a TypeScript app?

Display cross-chain token balances in a TypeScript app by reusing pre-built React dashboard components that connect to the GDEX SDK context to fetch and render live wallet balances.

Can I use these portfolio dashboard components with an existing React project?

Yes, you can use these portfolio dashboard components with an existing React project, provided it has TypeScript support and the GDEX SDK context configured for data fetching and live polling.

How do I implement paginated trade history tables in React?

Implement paginated trade history tables in React by dropping in the provided dashboard UI components, which handle trade data fetching, pagination controls, and live rendering out of the box.

Do I need the GDEX SDK to render chain selectors and token balances?

Yes, you need the GDEX SDK context configured in your React project to render chain selectors and token balances, as the UI components rely on it for live data fetching and cross-chain polling.