Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add rgourley/financial-ui-suite --skill financial-ui-stylesgit clone --depth 1 https://github.com/rgourley/financial-ui-suiteWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/rgourley/financial-ui-suite/financial-ui-styles)<a href="https://agentmods.dev/skills/rgourley/financial-ui-suite/financial-ui-styles"><img src="https://agentmods.dev/badge/skills/rgourley/financial-ui-suite/financial-ui-styles/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/rgourley/financial-ui-suite/financial-ui-styles"><img src="https://agentmods.dev/badge/skills/rgourley/financial-ui-suite/financial-ui-styles.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00137 | $0.02945 |
| Opus 5 | $0.00068 | $0.01473 |
| Sonnet 5 | $0.00027 | $0.00589 |
| Haiku 4.5 | $0.00014 | $0.00295 |
Grade A, and why
financial-ui-styles scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 11d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 162 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Financial UI Styles
Overview
Fourteen distinct visual styles for financial UIs. The base skill financial-ui-patterns handles correctness (tabular nums, semantic tokens, tick flash, accessibility). This skill handles visual style — the brand-flavored layer on top.
Layering:
product-design → atomic decisions for any SaaS UI
financial-ui-patterns → finance-specific correctness (mandatory)
financial-ui-styles (this) → brand style / visual polish (pick one)
You always apply the lower layers. You pick exactly one style on top.
When to Use
- User says "make it look like X" where X is a financial product or aesthetic
- User specifies brand/aesthetic direction ("Bloomberg style", "Robinhood feel", "FT-like", "API-dashboard aesthetic")
- Starting a new financial UI from scratch and picking the visual direction
- Refactoring an existing financial UI toward a specific aesthetic
Don't use for: marketing pages, blog posts, anything not loading data. Styles are calibrated for data-dense UIs.
How to Pick
Match the user and product category, not the brand mood the founder asked for.
| If the user is... | And the product is... | Pick |
|---|---|---|
| Institutional / desk trader | Desktop terminal, command-line driven, max density | pro-terminal |
| Pro / prosumer trader | Modern web app, dense but not terminal-dense | modern-pro-dark |
| Mainstream prosumer | Chart-forward consumer market data, watchlist + multi-ticker compare | yahoo-prosumer |
| Self-directed retail-pro | Multi-panel custom terminal with embedded AI agent, themed views | alphaspace |
| Buy-side analyst | Document/transcript search, sentiment, AI summaries | research-terminal |
| Active options trader | Strategy builder, Greeks-forward | tasty-pro |
| Centralized crypto trader | Exchange (CEX), spot + perps | crypto-exchange |
| Onchain / DeFi user | DEX, swap UI, wallet-connect first | defi-native |
| Retail consumer | Mobile-first investing app, dark | retail-polish-dark |
| Retail consumer | Money app / neobank, light, friendly | retail-polish-light |
| News / analysis reader | Editorial layout with embedded market data | editorial-financial |
| Developer / admin | API console, dashboard, docs-adjacent | api-dashboard |
| iOS user | Native companion or web that mimics native iOS | apple-native |
| Indie / developer trader | Tiled multi-pane terminal (TUI) dashboard, muted, theme-swappable | retro-tui |
What ships with it
16 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
- references/alphaspace.md 12 KB
- references/api-dashboard.md 8.2 KB
- references/apple-native.md 8.9 KB
- references/charts-and-indicators.md 8.7 KB
- references/crypto-exchange.md 8.1 KB
- references/defi-native.md 9.9 KB
- references/editorial-financial.md 8.3 KB
- references/modern-pro-dark.md 6.4 KB
- references/pro-terminal.md 7.6 KB
- references/research-terminal.md 12 KB
- references/retail-polish-dark.md 7.4 KB
- references/retail-polish-light.md 7.8 KB
- references/retro-tui-themes.css 15 KB
- references/retro-tui.md 11 KB
- references/tasty-pro.md 6.5 KB
- references/yahoo-prosumer.md 12 KB
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 11d ago First seen · 162 lines · 137 tokens per session scan A e7c568e2d6da
financial-ui-styles is a skill published in the GitHub repository rgourley/financial-ui-suite (6 stars, last pushed 28d ago), licensed MIT. It adds 137 tokens to every session and 2,945 once invoked, about $0.0007 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.
Other skills, from other repositories
design-dna
Extract, define, and apply design DNA across three dimensions: design system (tokens), design style (qualitative feel), and visual effects (Canvas, WebGL, 3D, particles, shaders, scroll effects, etc.). Use this skill when: (1) a user wants to see the full 3-dimension design structure/schema, (2) a user provides…
business-design
Read financials, map competitive landscapes, and argue design decisions in the language of value. Use when defending design to commercial stakeholders. For the live negotiation itself, use design-negotiation (designer-toolkit).
chief-financial-officer
Owns the financial position: planning, budgeting, forecasting, unit economics, cash, and the numbers the business is run and reported on. Use this to build or challenge a budget, model a decision's financial consequence, assess unit economics or runway, evaluate an investment or spend request, set financial controls…
fundraising-and-investor-relations
Raises capital and manages the relationship afterward — deciding how much and why, understanding what dilution and preferences actually cost, running a process with real competitive tension, preparing for diligence before it starts, and reporting to investors and a board in a way that keeps support when results are…
financial-statement-analysis
Reads a set of financial statements and establishes what changed and why — fluctuation analysis against prior period and against budget, profitability, liquidity, solvency and efficiency ratios, benchmarking, and the non-GAAP measures presented alongside them. Use this to interpret results, review a counterparty's or…
internal-controls-and-audit
Designs and tests controls over financial reporting — segregation of duties, approval limits, evidence, and preparing for audit. Use this to design controls for a process, prepare for an external audit, respond to an audit finding, set approval thresholds, or assess where a small team's segregation of duties is…