品味

帮你发现有品位的 Skills

做图 vanillagreencom 2026-08-08

按专业交易软件的规范设计盯盘界面

交易界面是设计里的特种兵:红绿语义、毫秒级信息密度、面板布局都有讲究,一般设计规范完全不管。

vanillagreencom

做什么用

交易界面是设计里的特种兵:红绿语义、毫秒级信息密度、面板布局都有讲究,一般设计规范完全不管。成体系的交易 UI 资料极其罕见,做行情类产品时这块知识很难自己攒。

应用范围

用在「做图」这一格。只给规则不给 token:具体颜色和像素值要你自己的设计系统补,正文没有一行组件代码。深色是设计靶心,浅色只是把层级反过来。硬到「圆角一律为零、彩色只准两个」,跟通用仪表盘规范会打架。

如何使用

  • 就按「按专业交易软件的规范设计盯盘界面」这一件来做,不要中途改风格。
  • 把我手上这张按它的规矩重做,风格不许换。
  • 只要成品,过程里的解释可以没有。
  • 做完对照应用范围,越界的那一稿丢掉。

安装

git clone --depth 1 https://github.com/vanillagreencom/vstack.git
cp -r vstack/skills/trading-design ~/.claude/skills/trading-design