trading-analysis-dashboard-template
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.
Install / Use
npx skills add nexu-io/open-design --skill trading-analysis-dashboard-templateInstalls into whichever agent you are using.
SKILL.md
Installable skill definition
Quality Score
Category
Data & AnalyticsSupported Platforms
Tags
Our assessment of trading-analysis-dashboard-template
trading-analysis-dashboard-template scores 90/100 on our quality scale, 22nd of 142 Data & Analytics skills we index (top 16%).
Its SKILL.md is 2.3 KB long, split into 4 sections with 2 code examples: moderately detailed.
With 97,896 GitHub stars, it is one of the more widely adopted skills in the catalogue.
Maintenance, license and trust
- The repository was last updated today, so trading-analysis-dashboard-template is actively maintained.
- It is released under the Apache-2.0 license, a permissive license that allows use, modification and commercial use with attribution.
- Its trust signals score 100/100, with no cautions. These come from repository metadata, not a code audit — read the skill file before letting an agent act on it.
trading-analysis-dashboard-template compared with similar skills
All 4 of these similar skills score higher than trading-analysis-dashboard-template; compare them before choosing.
| Skill | Score | Stars | Updated | Format |
|---|---|---|---|---|
| trading-analysis-dashboard-template (this skill)by nexu-io | 90 | 97.9k | today | SKILL.md |
| algorithmic-artby anthropics | 100 | 177.9k | 2d ago | SKILL.md |
| pptxby anthropics | 100 | 177.9k | 2d ago | SKILL.md |
| designby nextlevelbuilder | 100 | 130.2k | 3d ago | SKILL.md |
| ui-ux-pro-maxby nextlevelbuilder | 100 | 130.2k | 3d ago | SKILL.md |
Frequently asked questions
- How do I install trading-analysis-dashboard-template?
- Run
npx skills add nexu-io/open-design --skill trading-analysis-dashboard-template. The install tabs above show the steps for each supported agent. - Which AI agents does trading-analysis-dashboard-template work with?
- It is written for Universal, as a SKILL.md file. Other agents that read the same format can often use it too.
- Is trading-analysis-dashboard-template safe to use?
- It is Apache-2.0-licensed and scores 100/100 on trust signals. Skills are instructions an agent will follow, so read the file before installing it and do not approve commands you do not understand.
- Is trading-analysis-dashboard-template still maintained?
- The repository was last updated today, so trading-analysis-dashboard-template is actively maintained.
Skill content
View source on GitHubname: trading-analysis-dashboard-template description: | 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. triggers:
- "trading analysis dashboard template"
- "wall street dashboard template"
- "financial terminal template"
- "trading cockpit template"
- "交易分析面板模板"
- "华尔街风格看板"
- "高科技金融 dashboard 模板"
od:
mode: template
platform: desktop
scenario: live-artifacts
preview:
type: html
entry: index.html
reload: debounce-100
design_system:
requires: true
sections: [color, typography, layout, components]
outputs:
primary: index.html
secondary:
- template.html
- example.html example_prompt: "Create a Wall-Street-grade trading analysis dashboard template with a left rail, risk cockpit, market charts, live/demo mode, and realistic dense data. Keep it single-file HTML." capabilities_required:
- file_write
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
- Read active
DESIGN.md, then map typography/color/layout into CSS variables. - Copy
assets/template.htmltoindex.html. - Personalize headings, instrument names, and numeric labels to the user brief.
- 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 (
/)
- Keep output single-file HTML (inline CSS + inline JS, no framework dependency).
- Keep placeholders honest (
—or neutral labels) where real numbers are unknown. - Validate against
references/checklist.mdbefore 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>
Related Skills
algorithmic-art
177.9kCreating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems.
pptx
177.9kUse this skill any time a .pptx or .potx file is involved in any way — as input, output, or both. This includes: creating slide decks, pitch decks, or presentations; reading, parsing, or extracting text from any .pptx or .potx file (even if the extracted content will be used elsewhere, like in an em…
design
130.2kComprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini, Atlas Cloud, or MuAPI AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 styles, social/ads/web/print), icon design (15 styles, SVG…
ui-ux-pro-max
130.2kUI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages, components, design systems, accessibility, interaction, responsive layout, typography, color, charts, and stack-specific UI implementation.
Languages
Trust signals
From repository metadata: license, adoption, age and documentation. Not a code audit — see the Safety scan above for what the skill file itself contains.