策略模拟实验台 (Tactical Simulation Interface)

更像 Poker Solver Lab 这类策略模拟界面:用场景化舞台、真实物件感和分步决策流,把复杂分析工具做得更沉浸、更易操作,而不是普通后台面板。

决策工具训练产品复杂选择流程
Poker Solver Lab screenshot

主参考 / Primary Reference

Poker Solver Lab

绿色桌面、白底卡牌和全屏分步 flow 让复杂策略输入更像一张正在操作的牌桌。

打开参考网站 / Open Reference

真实网站参考 / Real References

先看这些真实网站 / Open these real sites first

Linear screenshot

代表网站 / Reference

Linear

右侧抽屉和状态层级提供了决策结果区的清晰组织参考。

打开网站 / Open Site
Apple MacBook Pro screenshot

代表网站 / Reference

Apple MacBook Pro

一张场景先定调、再展开细节的舞台式首屏值得借。

打开网站 / Open Site

长这样 / Looks Like

  • 桌面场景主导
  • 真实物件感
  • 分步 flow
  • 结果进抽屉

适合做 / Good For

  • 决策工具
  • 训练产品
  • 复杂选择流程

不适合做 / Not For

  • 普通 SaaS 表单页
  • 慢节奏生活方式站
  • 纯目录型资源库

Skill 包含什么 / What The Skill Controls

截图、排版和规则来自同一套风格包 / The screenshots, layout, and rules come from the same skill packet

配色系统 / Color System

  • 允许一个强场景主色,例如桌面绿
  • 卡牌或关键对象可以保持真实白底
  • 功能色只服务动作分类,不要让全页变成彩虹控台

排版系统 / Typography

  • 标题要像操作指令一样直接
  • 标签和位置元数据必须清楚
  • 结果区的行动词比说明文案更显眼

版式规则 / Layout Rules

  • 先给一块沉浸式主舞台
  • 输入流程按 step 拆开,不要把所有控件摊平
  • 结果最好进抽屉或侧栏,保持主场景连续

图片处理 / Image Treatment

  • 优先用真实物件感而不是抽象图标
  • 截图要保留操作台的空间关系
  • 如果有卡牌、棋盘、地图等实体隐喻,要把材质做真

交互节奏 / Motion

  • 用少量转场提示步骤推进
  • 避免过多漂浮微动效
  • 每次输入后的反馈要像操作台响应而不是普通表单刷新

AI Prompt / AI Prompt

复制后直接粘贴给 Cursor / Claude / Paste directly into Cursor / Claude

请参考策略模拟实验台(Tactical Simulation Interface)风格建站: 视觉特征:桌面场景主导 / 真实物件感 / 分步 flow / 结果进抽屉 适合场景:决策工具 / 训练产品 / 复杂选择流程 不适合:普通 SaaS 表单页 / 慢节奏生活方式站 / 纯目录型资源库 推荐页面组织:沉浸舞台型 / Immersive Stage / 工作台型 / Workbench / Tool Shell 历史来源:瑞士风格 / Swiss Style / 包豪斯 / Bauhaus / 极简主义 / Minimalism 参考网站:Poker Solver Lab: https://pokersolver.zondev.top/ / Linear: https://linear.app/ / Apple MacBook Pro: https://www.apple.com/macbook-pro/ 配色系统:允许一个强场景主色,例如桌面绿 / 卡牌或关键对象可以保持真实白底 / 功能色只服务动作分类,不要让全页变成彩虹控台 排版系统:标题要像操作指令一样直接 / 标签和位置元数据必须清楚 / 结果区的行动词比说明文案更显眼 版式规则:先给一块沉浸式主舞台 / 输入流程按 step 拆开,不要把所有控件摊平 / 结果最好进抽屉或侧栏,保持主场景连续 图片处理:优先用真实物件感而不是抽象图标 / 截图要保留操作台的空间关系 / 如果有卡牌、棋盘、地图等实体隐喻,要把材质做真 风格要求:Use a tactical simulation interface family: anchor the page in one immersive scene, replace generic form fields with tactile controls, keep the decision flow step-based, and let the final recommendation arrive in a side panel or drawer instead of flattening every state into one dashboard.
历史来源 / Historical Roots

这部分放在最后看,用来补背景,而不是先决定风格。 / Use this section to add background after the direction is already clear.

1950s-1970s

瑞士风格 (Swiss Style)

网格、对齐、无衬线、秩序感。它是今天大量知识型、设计型、档案型网页的基础语法之一。

1919-1933

包豪斯 (Bauhaus)

功能、工业和几何秩序优先。它把形式服从用途这件事系统化。

1960s-1970s

极简主义 (Minimalism)

把形式削减到最少元素,让结构、比例与重复本身发声。