Jeden Skill in Manus ausführen
mit einem Klick

Jeden Skill in Manus mit einem Klick ausführen

trading-analysis-dashboard-template

Sterne79.203

Forks9.123

Aktualisiert14. Juli 2026 um 08:43

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.

Installation

Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.

In Manus ausführen

Quelle

nexu-io

nexu-io/open-design

GitHub-Repository öffnen Creator-Repositorys ansehen

Download

In Manus ausführen

Verwandte BerufeSOC

Basierend auf der SOC-Berufsklassifikation

WebentwicklerInformatik- und Mathematikberufe·SOC 15-1254

Datei-Explorer

5 Dateien

SKILL.md

readonly

Mehr aus diesem Repository

gleiches Repository

live-artifact

nexu-io/open-design

Create refreshable, auditable Open Design artifacts backed by connector or local data. Trigger when the user asks for live dashboards, refreshable reports, synced views, or reusable data-backed artifacts.

2026-07-1479.2k

od-default

nexu-io/open-design

Hidden fallback scenario for free-form Home prompts. Ask the task type first, then continue through the matching Open Design flow.

2026-07-1479.2k

build-test

nexu-io/open-design

Run the project's build / typecheck / lint / test commands and emit the build.passing + tests.passing signals devloop convergence reads.

2026-07-1479.2k

code-import

nexu-io/open-design

Read an existing repository's structure into the project cwd as a normalised snapshot the agent can analyse without re-walking the tree on every turn.

2026-07-1479.2k

critique-theater

nexu-io/open-design

5-dimension critique panel; emits the critique.score signal that drives devloop convergence.

2026-07-1479.2k

design-extract

nexu-io/open-design

Extract design tokens (color / typography / spacing) from imported source code, screenshots, or Figma exports into the canonical token bag token-map consumes.

2026-07-1479.2k

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.html to index.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.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>

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.html to index.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.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>

name	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"]}