agentsclimarketplace

Trading analysis dashboard template

Skill nexu-io/open-design/plugins/_official/examples/trading-analysis-dashboard-template

🎨 The open-source Claude Design alternative. πŸ–₯️ Local-first desktop app. πŸ–ΌοΈ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video β€” real files, HTML/PDF/PPTX/MP4 export. πŸ€– Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen & 20+ CLIs via BYOK.

Install
npx -y skills add nexu-io/open-design --skill trading-analysis-dashboard-template

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

What its author says it does

Copied from the file, not written here

Professional trading analysis dashboard template (single-file HTML) with light/dark theme switch, dense market panels, chart interactions, demo/live playback, and command palette behavior. Use when users ask for a Wall-Street-style analytics terminal, trading cockpit, or high-tech financial dashboard template with realistic data layout.

SKILL.md

2.4 KB, as published. Nobody here has run it

Trading Analysis Dashboard Template

Produce a premium, data-dense, Wall-Street style trading dashboard as a self-contained HTML artifact.

Resource map

trading-analysis-dashboard-template/
β”œβ”€β”€ SKILL.md
β”œβ”€β”€ assets/
β”‚   └── template.html
β”œβ”€β”€ references/
β”‚   └── checklist.md
└── example.html

Workflow

  1. Read active DESIGN.md, then map typography/color/layout into CSS variables.
  2. Copy assets/template.html to index.html.
  3. Personalize headings, instrument names, and numeric labels to the user brief.
  4. Preserve interaction fidelity:
    • Light/Dark mode switch
    • Live/Demo mode
    • Chart hover crosshair and tooltip
    • Click-to-focus chart (floating modal style)
    • Keyboard command palette (/)
  5. Keep output single-file HTML (inline CSS + inline JS, no framework dependency).
  6. Keep placeholders honest (β€” or neutral labels) where real numbers are unknown.
  7. Validate against references/checklist.md before emitting.

Output contract

One sentence before artifact, then:

<artifact identifier="trading-analysis-dashboard" type="text/html" title="Trading Analysis Dashboard">
<!doctype html>
<html>...</html>
</artifact>

Keep looking

Skills are one crate of 328,083. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.