把书籍、视频转写和播客等长内容中的方法论提取为能力卡,再编译成可调用的单 Skill 或紧凑 Skill 包。
进群
交流
进群交流
扫码进群交流

提示词 · 提示词
电力交易PC端系统的高保真原型设计
简介
我想要开发一个[给电力交易人员使用的电力交易PC端系统]。 我需要将上面的这个应用输出成高保真的原型图设计。请考虑以下的规范: 1.用户体验:先分析产品的主要功能和需求,确定下核心能力 2.产品规划:希望你作为一个20年的产品经理,来设计我们的整个产品,确保架构非常合理 3.UI设计:作为30年的U设计师,要保证符合目…
免费
- 核心主题:电力交易PC端系统的高保真原型设计
- 用户意图:获得符合专业标准的电力交易系统原型设计,包含三个主要功能模块
- 内容特点:强调专业性(20年产品经理/30年UI设计师)、技术规范(HTML+Tailwind CSS)、B端平台特性
生成的提示词
你是一个拥有20年经验的产品经理和30年经验的UI设计师,专精于B端企业级应用设计。请为电力交易PC端系统创建高保真原型设计。
核心任务
- 产品架构设计:
- 分析电力交易核心业务流程(签约/申报/复盘)
- 设计符合交易人员工作习惯的信息架构
- 确保系统能处理复杂电力交易数据
- 界面设计要求:
- 现代化B端设计风格(参考:Ant Design Pro/Element UI)
- 专业严谨的视觉表现(电力行业特征)
- 高效的数据展示和操作流程
- 技术实现:
- 使用HTML5+Tailwind CSS+FontAwesome
- 模块化文件结构(功能分离)
- iframe主框架集成方案
输出规范
文件结构:
index.html(主框架)
│── /modules/
│ ├── cost-estimation.html(签约成本测算)
│ ├── day-ahead-trading.html(日前交易申报)
│ └── trading-review.html(日前交易复盘)
│── /css/
│ └── custom.css(自定义样式)设计标准:
- 色彩系统:专业蓝灰主色调(#1E40AF/#374151)
- 数据可视化:电力交易专用图表组件
- 交互模式:符合PC端操作习惯(右键菜单/快捷键)
- 功能要点:
【签约成本测算】
- 电价参数输入面板
- 多维成本分析图表
- 合约模拟器
【日前交易申报】
- 时间轴交易表单
- 电力负荷曲线编辑器
- 申报状态看板
【日前交易复盘】
- 实际vs计划对比视图
- 交易损益分析
- 历史数据追溯
质量要求
- 产品维度:
- 完整覆盖电力交易核心场景
- 合理的权限和工作流设计
- 可扩展的架构方案
- 设计维度:
- 8px网格系统
- 专业的图标语义体系
- 无障碍访问支持
- 技术维度:
- 响应式布局(支持1440p+分辨率)
- Tailwind实用类优先
- 符合W3C标准验证
示例参考
[电力交易平台典型界面]
主工作区应包含:
- 顶部导航(用户/消息/系统)
- 左侧业务菜单(折叠式)
- 中央数据工作台(标签页管理)
- 底部状态栏(实时市场数据)
使用建议
- 适用场景:电力交易系统开发前期原型验证、需求可视化沟通
- 优化方向:
- 可增加"交易风险管理"模块
- 考虑多时区电力市场支持
- 对接实时数据API的模拟设计
需要我为您生成具体的HTML代码实现吗?或者对某些功能模块需要更详细的设计说明?
原文与分段复制
第 1 段
### 电力交易PC端系统的高保真原型设计 - **核心主题**:电力交易PC端系统的高保真原型设计 - **用户意图**:获得符合专业标准的电力交易系统原型设计,包含三个主要功能模块 - **内容特点**:强调专业性(20年产品经理/30年UI设计师)、技术规范(HTML+Tailwind CSS)、B端平台特性
第 2 段
### ?? 生成的提示词
第 3 段
``` 你是一个拥有20年经验的产品经理和30年经验的UI设计师,专精于B端企业级应用设计。请为电力交易PC端系统创建高保真原型设计。
第 4 段
# 核心任务 1. 产品架构设计: - 分析电力交易核心业务流程(签约/申报/复盘) - 设计符合交易人员工作习惯的信息架构 - 确保系统能处理复杂电力交易数据
第 5 段
2. 界面设计要求: - 现代化B端设计风格(参考:Ant Design Pro/Element UI) - 专业严谨的视觉表现(电力行业特征) - 高效的数据展示和操作流程
第 6 段
3. 技术实现: - 使用HTML5+Tailwind CSS+FontAwesome - 模块化文件结构(功能分离) - iframe主框架集成方案
第 7 段
# 输出规范 1. 文件结构: index.html(主框架) │── /modules/ │ ├── cost-estimation.html(签约成本测算) │ ├── day-ahead-trading.html(日前交易申报) │ └── trading-review.html(日前交易复盘) │── /css/ │ └── custom.css(自定义样式)
第 8 段
2. 设计标准: - 色彩系统:专业蓝灰主色调(#1E40AF/#374151) - 数据可视化:电力交易专用图表组件 - 交互模式:符合PC端操作习惯(右键菜单/快捷键)
第 9 段
3. 功能要点: 【签约成本测算】 - 电价参数输入面板 - 多维成本分析图表 - 合约模拟器
第 10 段
【日前交易申报】 - 时间轴交易表单 - 电力负荷曲线编辑器 - 申报状态看板
第 11 段
【日前交易复盘】 - 实际vs计划对比视图 - 交易损益分析 - 历史数据追溯
第 12 段
# 质量要求 1. 产品维度: - 完整覆盖电力交易核心场景 - 合理的权限和工作流设计 - 可扩展的架构方案
第 13 段
2. 设计维度: - 8px网格系统 - 专业的图标语义体系 - 无障碍访问支持
第 14 段
3. 技术维度: - 响应式布局(支持1440p+分辨率) - Tailwind实用类优先 - 符合W3C标准验证
第 15 段
# 示例参考 [电力交易平台典型界面] 主工作区应包含: 1. 顶部导航(用户/消息/系统) 2. 左侧业务菜单(折叠式) 3. 中央数据工作台(标签页管理) 4. 底部状态栏(实时市场数据) ```
第 16 段
### ?? 使用建议 - **适用场景**:电力交易系统开发前期原型验证、需求可视化沟通 - **优化方向**: 1. 可增加"交易风险管理"模块 2. 考虑多时区电力市场支持 3. 对接实时数据API的模拟设计
第 17 段
需要我为您生成具体的HTML代码实现吗?或者对某些功能模块需要更详细的设计说明?
相关资源
通义深度信息检索 Agent 模型、ReAct 推理和评测源码;非标准 Skill 安装包。
通过 Agent 插件连接 ChatCut 项目,导入素材、编辑时间线、制作动效、生成素材、转写字幕并导出视频。