Skip to content
SkillReady to runNewFinanceDesign

Finance Dashboard Standards

Written in-house · editorially graded

Every SkillsBank offering is written in-house — never scraped or crowd-sourced — and graded against a fixed editorial rubric in a separate grading step.

Dry-run test passed · Aug 17, 2026

Trigger check passed

Editorially graded · Aug 17, 2026

Applies named financial-reporting conventions — IBCS achromatic scenario notation, accounting negative-number display, favorable/unfavorable variance color semantics, tabular figures, unit-scaling headers, and reporting hierarchy — to FP&A, PE, and IB dashboard screens, editing or returning the affected React/Tailwind, TSX, or plain HTML/CSS component files directly inside the customer's own codebase. Covers financial display conventions only, not chart-type selection, axis mechanics, or general layout density. Use when building a new dashboard screen (variance view, KPI summary, trend chart, financial detail table) or when reviewing, refactoring, or auditing an existing one for compliance with financial display conventions.

What you get

An installable SKILL.md file for your AI assistant. Produces code.

Works in
Claude Code · Cursor
Native — drops into .claude/skills/
Copilot · Codex · Gemini CLI
Native — reads .agents/skills/
claude.ai — web & desktop
Upload the .zip in Customize → Skills
ChatGPT
Via a Project — paste into its instructions

See it in action

A real input → output sample

Example Input
Customer's `tailwind.config.js` excerpt and `VarianceDashboard.tsx` component, or a Svelte scorecard component
Example Output
Updated `VarianceDashboard.tsx` or `Scorecard.svelte` component with finance display standards applied, using the customer's existing tokens or the skill's fallback palette

Goes well with

Related