免费在 GitHub 公开中文介绍

trading-analysis-dashboard-template

以单个HTML文件制作交易分析仪表板，集中呈现市场信息与风险面板，支持明暗主题、Live/Demo模式、图表详情和命令面板操作。

原文查看原文说明

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.

nexu-io/open-design

AI 评分90分/ 100 查看安装方法

适用场景

制作金融分析终端界面原型
展示密集排列的市场信息界面
演示图表详情和交互操作
制作单个HTML文件的仪表板

中文介绍

功能

制作交易分析仪表板的HTML模板，将市场信息与风险相关面板集中呈现。根据需求调整标题、金融品种名称和数值标签，并采用现有DESIGN.md中的配色、字体和布局。界面包含明暗主题、Live/Demo模式、图表十字光标与提示框、点击打开的图表详情，以及按/打开的命令面板。

适用场景

适合制作类似金融分析终端的界面原型，也适合演示信息密集的市场界面的操作体验。如果希望不依赖框架，以单个HTML文件交付仪表板，也可以使用。

使用示例

“请制作一个带有左侧导航、风险面板和市场图表的分析界面。”
“请保留明暗主题和图表详情功能，将标题和金融品种名称替换为我指定的内容。”

注意事项

需要能够写入文件的环境，以及用于应用设计规范的DESIGN.md。CSS和JavaScript均包含在HTML文件内部。资料没有说明连接真实数据的方法；数值不明确时，使用—等占位符。

本介绍由 AI（OpenAI Codex）根据公开的 SKILL.md 撰写。准确的规格请查看下方原文。

客观评估

AI 仅根据 SKILL.md 的内容，从 4 个方面进行了评估。星标数和热度不计入评估。

指令清晰度能否看出何时使用、做什么: A良好明确说明金融分析终端原型的用途，以及单个HTML文件提供的界面功能。
步骤具体性步骤、输入输出和示例是否具体: A良好指定读取DESIGN.md、复制为index.html、保留交互功能及检查输出的步骤。
安全性发送数据、删除文件、执行命令等是否有说明: A良好明确说明文件写入要求和index.html输出位置，并要求未知数值使用占位符。
安装难易度所需工具和 API 密钥是否少且有说明: B部分不足需要文件写入权限和DESIGN.md，但未说明如何准备DESIGN.md。

总分按每项 A=25 分、B=15 分、C=5 分相加。由 AI（OpenAI Codex）于 2026年10月20日评估。仅供参考，安装前请同时查看原文。

如果您认为评估有误，请申请复核

包含的文件（4）

SKILL.md2.4 KB
assets/template.html21.7 KB
example.html1.1 KB
references/checklist.md1.5 KB

SKILL.md（原文）

安装前可以查看交给 AI 代理的指令内容。

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>

评价

还没有评价。欢迎分享你的使用感受。

无需登录即可发表。欢迎分享使用感受、提问，或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

同一仓库的技能