disler

Generative UI — Data skill for Claude Code

Data community

Generate the index.html financial dashboard from CSV data and graphs.

How to install Generative UI

Installs to ~/.claude/commands/disler-agentic-finance-review-generative-ui.md

Terminal
mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/disler/agentic-finance-review/HEAD/.claude/commands/generative-ui.md -o ~/.claude/commands/disler-agentic-finance-review-generative-ui.md

Restart Claude Code, or start a new session, for it to be picked up.

What Generative UI does


model: opus description: Generate the index.html financial dashboard from CSV data and graphs argument-hint: hooks: Stop: - hooks: - type: command command: "uv run \"$CLAUDE_PROJECT_DIR\"/.claude/hooks/validators/html-validator.py"


Generative UI Command

Purpose

Generate a stunning, modern HTML dashboard visualizing financial data with a premium fintech aesthetic.

Variables

DIRECTORY: $ARGUMENTS ROOT_OPERATIONS_DIR: CLAUDE.md: ROOT_OPERATIO

Alternatives in Data

  • Financial Services — Reference agents, skills, and data connectors for the financial-services workflows we see most — investment ba 34.5k ★
  • Archify — Agent skill for beautiful, verifiable architecture, workflow, sequence, data-flow, and lifecycle diagrams—self 17.2k ★
  • Financial Data — 财务数据获取与交叉验证规范 15.9k ★

Full documentation available on GitHub

View Source Repository