role-trading-visual-designer

Generate visual specifications for trading interfaces with dark themes and colorblind-safe design.

Updated Jan 30, 2026
One-click install
npx skills add https://github.com/ChoiHyunjin/ai_skills --skill role-trading-visual-designer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: role-trading-visual-designer
Source: https://github.com/ChoiHyunjin/ai_skills/tree/main/skills/role-trading-visual-designer
Command: npx skills add https://github.com/ChoiHyunjin/ai_skills --skill role-trading-visual-designer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill enables a transition to a Visual Designer role specifically for the trading domain, focusing on producing visual specifications for trading interfaces.

Core Features & Use Cases

  • Domain-Specific Design: Adapts visual design principles for trading environments, emphasizing readability, urgency signaling, and accessibility.
  • Specification Generation: Outputs detailed visual specs for dark themes, number alignment, colorblind-safe design, and alert escalation.
  • Use Case: A UX designer provides wireframes for a new trading dashboard. This Skill generates the detailed visual design specifications, including dark theme overrides, specific typography for financial numbers, and visual cues for price movements, ready for Figma implementation.

Quick Start

Transition to the Trading Visual Designer role and begin designing the trading interface visuals.

Frequently Asked Questions about role-trading-visual-designer

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

FAQPage Schema
How do I design visual specifications for a dark theme trading interface?

Trading interface design requires specific visual considerations like dark theme overrides, number alignment for financial data, colorblind-safe palettes, and alert visual escalation to ensure readability and accessibility under high-stress user interaction.

What are the visual design requirements for financial trading dashboards?

Financial trading dashboard visual design requires dark theme support, specific typography for financial numbers, visual cues for price movements, colorblind-safe design, and alert visual escalation to handle user interaction under stress and maintain data readability.

Can I generate Figma-ready visual specs for trading interfaces from wireframes?

Yes, you can generate Figma-ready visual specs from wireframes by producing detailed specifications that include dark theme overrides, typography rules for financial numbers, and visual cues for price movements tailored specifically for trading dashboard implementation.

How do I ensure accessibility in financial design for trading platforms?

Ensuring accessibility in financial design for trading platforms involves implementing colorblind-safe design principles, maintaining high readability for financial data, and using visual escalation for alerts to support users making rapid decisions under stress.

What is the best way to handle alert visual escalation in a trading environment?

The best way to handle alert visual escalation in a trading environment is to apply domain-specific visual design principles that create clear urgency signaling, ensuring financial data presentation remains readable without causing cognitive overload during stressful user interactions.