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. Use when users ask for a Wall-Street-style analytics terminal, trading cockpit, or high-tech financial dashboard template with realistic data layout.
DeepseekModel
官方收录技能
质量 优秀 · 90
v1.0.0
获取
https://deepseekmodel.com/api/download.php?id=nexu-io-open-design-design-templates-trading-analysis-dashboard-template-skill-md&format=skill
下载 .skill
标准格式，含 system_prompt 与 model_config，导入任意 Agent 框架即可使用
.skill 文件中 system_prompt 字段的实际内容。
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"]} 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 >
Agent 识别该技能的关键词，点击任意一个即可复制。
该技能未提供触发词。
下载的 .skill 包内含以下字段。
| 字段 | 说明 |
|---|---|
| format | 格式标识（skill/v1） |
| skill_id | 技能唯一 ID |
| name | 技能名称 |
| version | 版本号 |
| description | 技能描述 |
| category | 所属分类（数组） |
| trigger_words | 触发词列表 |
| tags | 标签列表 |
| source | 来源标识 |
| source_url | 来源链接（本页地址） |
| exported_at | 导出时间（每次下载生成） |
| system_prompt | 系统提示词正文 |
| model_config | 模型参数：provider / model / temperature / max_tokens / top_p |
| examples | 示例 |
| install_guide | 各平台导入说明（Coze / Dify / Claude / 自定义框架） |
