skills.rest
AshesOfTheUndead
AshesOfTheUndeadCOMMUNITY
Explore all skills by this author →
GitHub

trading-terminal

Generate dark-mode design tokens and components for financial trading interfaces.

Updated Jul 9, 2026
Search Tags:#typography#trading#design-system#dark-mode#ui-kit#financial-data
One-click install
npx skills add https://github.com/AshesOfTheUndead/rezurxlib --skill trading-terminal
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: trading-terminal
Source: https://github.com/AshesOfTheUndead/rezurxlib/tree/main/skills/design/design-systems/style-skills/trading-terminal
Command: npx skills add https://github.com/AshesOfTheUndead/rezurxlib --skill trading-terminal

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill solves the challenge of creating high-density, professional-grade financial interfaces that remain readable and functional under heavy data loads, preventing cognitive overload for users.

Core Features & Use Cases

  • Design System Standards: Provides a complete set of tokens for dark-mode, high-contrast financial dashboards.
  • Component Library: Includes specialized rules for order books, price cards, and ticker bars.
  • Use Case: Use this system to build a real-time cryptocurrency or stock market dashboard that requires instant visual feedback on price movements using specific color-coded buy/sell signals.

Quick Start

Apply the trading-terminal design system to my current UI project by generating a price card component that follows the specified dark-mode color palette and typography rules.

Frequently Asked Questions about trading-terminal

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

FAQPage Schema
How do I build a high-density financial trading dashboard without causing cognitive overload?▼

A dark-mode financial UI design system provides tokens for high-contrast dashboards, specialized component rules for order books and ticker bars, and monospace typography to ensure instant visual feedback on price movements.

How do I design color-coded buy and sell signals for a real-time stock market dashboard?▼

To design color-coded market signals, apply the system's defined design tokens and component interaction rules for price cards, ensuring visual consistency and accessibility for buy and sell indicators.

What typography should I use for displaying tabular financial data in a dark-mode UI?▼

Use monospace typography for tabular financial data layouts. This system enforces defined typography rules to maintain strict alignment and readability for professional trading applications.

Does this trading terminal design system work for building cryptocurrency exchange interfaces?▼

Yes, this system works for cryptocurrency exchange interfaces by providing specialized component rules for order books and ticker bars, ensuring the high-contrast visual consistency required for real-time market data applications.

Can I implement an order book component using these financial UI design tokens?▼

Yes, you can implement an order book component using these financial UI design tokens. The system includes a specialized component library with defined interaction rules specifically for order books and price cards.

Related Skills

Explore More Design & Creative Skills→
ArogyaReddyArogyaReddy

visual-design-foundations

Define typography, color, spacing, and iconography design tokens for web and mobile UI.

Community
Advanced
6551Team6551Team
6

opentrade-market

Fetch live on-chain market data and token price analysis from blockchain networks.

Official
Intermediate
jpoindexterjpoindexter

tufte-sparklines

Generate word-sized sparklines for sequential data trends in text or tables.

Community
Intermediate
KyaniteLabsKyaniteLabs
3

theming

Establish semantic token systems for light, dark, and high-contrast UI themes.

Official
Advanced