Build
Skill for building prediction market frontends — React components, wallet integration, and UI patterns using the Context React SDK.Claude Code:
/context:build · Codex / Hermes / OpenClaw: Load SKILL.md as system promptSubskills
| Subskill | What it does | Key React hooks |
|---|---|---|
trading-app | Complete trading interface with market list, detail view, and order form | useMarkets, useMarket, useCreateOrder, useMarketOrder |
market-widget | Embeddable single-market component with buy/sell buttons | useMarket, useQuotes, useCreateOrder |
portfolio-dashboard | Position tracking, balance display, and claimable winnings | usePositions, useBalance, useClaimable, usePortfolioStats |
account-setup-flow | Wallet connection and account onboarding UI | useAccountStatus, useAccountSetup, useDeposit, useApproveUsdc, useApproveOperator |
Prerequisites
- Context MCP server (optional)
- Familiarity with React, wagmi, and TanStack Query
Example prompts
- “Build a market card component showing live bid/ask quotes”
- “Create an order form with price and size inputs for a specific market”
- “Build a portfolio dashboard showing all active positions”
- “Add wallet connection with automatic account setup flow”
- “Create a real-time orderbook visualization component”
- “Build a market search page with status and category filters”
- “Create an embeddable prediction market widget for a single market”
React SDK
Full React SDK documentation
Trade skill
Order management and execution
TypeScript SDK
Core SDK documentation