Use Case
Financial Design Systems is a powerful AI agent skill that extends your assistant with new capabilities. Patterns for building dark-themed financial charts and data visualizations. Covers chart theming, color scales for gains/losses, and real-time data display. Use when building trading dashboards or financial analytics. Triggers on chart theme, data visualization, financial chart, dark theme, gains losses, trading UI. This guide walks you through installing Financial Design Systems, configuring it for your setup, and running your first commands β so you can start getting value in minutes.
Install Financial Design Systems: npx clawhub@latest --dir ~/.claude/skills install financial-design-systems
Restart your AI client (Claude Code, Cursor, Gemini CLI, or OpenClaw)
Type a natural language request related to data & analytics to trigger Financial Design Systems
Review the output and refine your prompt for better results
Combine Financial Design Systems with other skills to build multi-step workflows
Copy these prompts and use them with your AI agent after installing Financial Design Systems
Help me get started with Financial Design Systems
What can Financial Design Systems do for my data & analytics workflow?
Show me an example of using Financial Design Systems
Select your agent
Option 1: Install via CLI (recommended)
Recommended (no pre-install needed)
npx clawhub@latest --dir ~/.claude/skills install financial-design-systemsOr via clawhub CLI (if already installed)
clawhub --dir ~/.claude/skills install financial-design-systemsβ οΈ Requires Node.js 18+. No Node? Use Option 2 below to download the ZIP instead. Install Node.js β
Option 2: Manual install (no Node required)
Download the ZIP, extract it, and place the folder at the path below. Restart your agent to activate.
Install path
~/.claude/skills/financial-design-systems/π‘Extract and place the folder at the path above, then restart your agent.