Financial UI Patterns
Design clearer price, holdings, chart and market-data interfaces with attention to alignment and data freshness.
Overview
The skill describes interface patterns for presenting market information and account values. Its examples cover numerical alignment, visual tokens, update indicators and stale-data states, with guidance for making changes visible without relying on color alone.
Getting started
Use the original design checklist before implementing a financial interface.
Skill instructions
Sources and documentation
Related MCP servers and skills
- Tokenbel Financial DataMCP server
- Agentladle Mcp/Financial ReportMCP server
- Ko Financial DataMCP server
- Airflow Dag PatternsAgent skill
- Angular UI PatternsAgent skill
- API PatternsAgent skill