login
多功能交互式网站开发需求
2025/08/19·StepFun can make mistakes, check important info.
好的,请根据我们之前定义的规则,处理以下提示词列表: [ "请创建一个交互式网站,作为综合性金融仪表板和实时股市分析器。该网站应自动生成以下组件: 实时股票数据仪表板: 集成实时数据源,显示精选主要公司的当前股价 嵌入实时更新的交互式图表和图形 包含筛选选项(按行业、市值等)和排序功能 历史数据分析模块: 自动生成交互式可视化图表,显示不同时间框架内的历史表现趋势 为用户提供比较分析工具,可并排查看多只股票 显示关键财务指标(如移动平均线、RSI、交易量)并支持参数调整 投资建议引擎: 利用数据分析来分析趋势并生成可操作的建议(如"买入"、"持有"、"卖出") 在建议旁边展示总结性见解和技术指标 使用清晰的标题和要点详细解释每个建议背后的推理 财经新闻和情感分析: 集成模块,获取与分析股票相关的最新财经新闻标题 对新闻数据应用情感分析并生成整体市场情绪评分 通过交互式元素可视化情绪趋势,允许用户探索关键事件 流程说明: 在网页结尾详细说明构建金融仪表板所采取的步骤 描述使用的数据源、应用的分析方法以及组件集成方式 概述开发过程中做出的任何假设 请确保最终输出组织良好,具有清晰的分区、交互式元素和无缝的用户体验。该网站应功能齐全且对投资者和金融分析师具有吸引力,提供可操作的见解以支持明智的决策制定。", "利用GPT-5制作一个魔方生成器,能够生成、打乱或复原任意阶数的魔方。", "我喜欢音乐节,我希望你可以帮我找一下今年各大音乐节的名称、行程等,做成日历清单,并以html的形式整理出来。 " “生成一个初中数学教学用的HTML+CSS+Javascript代码写成的“抛物线曲线演示页面”。 1)页面的主要部分是红色的$y=ax^2+bx+c$的曲线,坐标的原点在中间,x轴和y轴线条颜色为黑色,粗细为1磅,刻度值自适应,红色曲线的粗细为1.5磅。 2)页面下方有3个文本框,可以输入$a$,$b$和$c$的值,文本框旁边有一个滑块崧审徐任高探通过拖动可以调整数值的大小。 3)曲线形状随着数值的改变而实时改变。” ]
Reason
思考过程

我们开始逐个处理提示词,根据定义的标签体系进行打标。
注意:打标规则要求我们严格按照类型:项(子项)格式输出,如果没有子项则只写类型:项,没有输出依据则用输出依据:未提供
多标签原则:一个提示词可以有多个标签,来自不同类别。

第一个提示词:
"请创建一个交互式网站,作为综合性金融仪表板和实时股市分析器。该网站应自动生成以下组件:..."
分析:

  1. 输出依据:没有提到克隆已存在的、原型、文档或链接,所以是输出依据:未提供
  2. 面向用户:提到了“投资者和金融分析师”,属于金融领域,因此是面向用户:职业支持-金融(指定股票监控)。注意,虽然描述中有很多功能,但用户面向是金融职业支持,且子项有“指定股票监控”,符合。
  3. 功能需求:包含多个页面和功能,如仪表板(dashboard)、图表(可视化)、筛选、排序、分析工具等。因此可以打多个功能需求标签:
    • 功能需求:页面(dashboard) 因为明确说了“仪表板”
    • 另外,还有“历史数据分析模块”、“投资建议引擎”等,但这些都是功能,我们可以提取:
      功能需求:功能(交互式图表)(因为提到了交互式图表和图形)
      功能需求:功能(筛选)
      功能需求:功能(排序)
      同时,还提到了表单?没有明确表单,但有筛选选项和输入参数调整,这些可能属于交互控件,但标签体系中功能需求项下有“表单”子项,但这里没有明确表单,所以我们可以用更概括的,比如“分析工具”没有在标签中,但我们可以新增子项。不过标签体系功能需求项下已有“gallery”、“表单”等,我们可以用已有的,或者新增。这里筛选和排序可以归为功能,但标签体系中没有直接对应的子项,我们可以新增子项“筛选”和“排序”。但是注意,标签体系在功能需求项下已经有的子项包括:导航栏、表单、gallery、深色模式、购物车、拖放(在交互类型下)。所以我们可以这样:
      功能需求:功能(筛选)
      功能需求:功能(排序)
      另外,还有“交互式元素”,但交互式元素在标签体系中属于“交互”类型?注意类型“功能需求”下分“页面”和“功能”,而“交互”是单独的类型。所以交互式元素可以归为交互:拖放?但这里没有拖放,而是交互式图表。标签体系在交互类型下只有“拖放”子项,所以我们可以新增子项,比如“交互式图表”。但是,我们也可以考虑在功能需求中体现。为了准确,我们可以新增:
      功能需求:功能(交互式图表)
      但注意,标签体系中功能需求下的子项没有交互式图表,但我们可以新增。不过,在功能需求中,我们已经有“gallery”(画廊),但交互式图表不是画廊。所以我们可以新增子项“交互式图表”。但是,在第一个提示词中,多次提到交互式,所以我们可以打:
      交互:交互式图表 但是,交互类型下只有拖放,所以我们需要新增子项。根据规则,可以新增概括性子项。因此,我们可以打:
      交互:交互式图表(新增子项)

然而,我们再看标签体系,交互类型下只有“拖放”子项,所以我们可以将“交互式图表”作为交互类型下的新增子项。但是,提示词中并没有提到具体的交互方式(如拖放),而是泛指交互式。因此,我们可以考虑在功能需求中已经覆盖了(因为功能需求中包含了这些功能)。为了避免过度新增,我们可以先使用功能需求来覆盖。

重新考虑:功能需求中的“功能”项可以包括各种功能,我们可以用子项来描述具体功能。所以:
- 仪表板:属于页面,所以功能需求:页面(dashboard)
- 交互式图表:属于功能,所以功能需求:功能(交互式图表)(新增子项)
- 筛选和排序:也属于功能,所以功能需求:功能(筛选)功能需求:功能(排序)
- 参数调整:可以归为表单,因为用户可能需要输入参数,但提示词中并没有说表单,而是滑块?没有明确。所以我们可以先不打表单,或者认为参数调整是交互的一部分。这里先不打。

  1. 外观感受:没有提及特定风格,也没有提供图像参考,只有抽象描述如“组织良好,清晰的分区,无缝的用户体验”,所以可以打外观感受:仅描述(因为描述是抽象的)
  2. 应用类型:明确是网站,而且是交互式的,用户可以在浏览器中访问并使用工具,所以是应用类型:Web应用
  3. 技术栈:没有提及具体技术,所以不打。

因此,第一个提示词的标签包括:
输出依据:未提供
面向用户:职业支持-金融(指定股票监控)
功能需求:页面(dashboard)
功能需求:功能(交互式图表) -> 新增子项
功能需求:功能(筛选)
功能需求:功能(排序)
外观感受:仅描述
应用类型:Web应用

但是,注意,在面向用户中,子项是“指定股票监控”,这是标签体系中已有的,所以我们直接使用。

第二个提示词:
"利用GPT-5制作一个魔方生成器,能够生成、打乱或复原任意阶数的魔方。"
分析:

  1. 输出依据:没有提到克隆、原型、文档或链接,所以输出依据:未提供
  2. 面向用户:魔方生成器,属于兴趣娱乐中的游戏?魔方是游戏,所以面向用户:兴趣娱乐-游戏。但是游戏有子项2D、3D,这里魔方是3D的,所以面向用户:兴趣娱乐-游戏(3D)
  3. 功能需求:生成、打乱、复原魔方,这些都是功能,但标签体系中功能需求项下没有直接对应的,我们可以新增子项,比如“魔方生成器”,但也可以归为游戏功能。由于是游戏,我们可以打:
    功能需求:功能(魔方生成) 新增子项
    功能需求:功能(打乱)
    功能需求:功能(复原)
    但是,也可以用一个标签概括,比如功能需求:功能(魔方操作)。但是提示词中明确说了生成、打乱、复原,所以我们可以打三个,但为了简洁,可以只打一个功能需求:功能(魔方生成器),因为整个应用就是一个魔方生成器。注意,功能需求项下可以打多个标签。
  4. 外观感受:没有提及,所以不打。
  5. 应用类型:没有明确,但是魔方生成器可能是Web应用或者移动应用?提示词没有说,所以我们可以根据常见情况推断为Web应用,但最好不打。或者,由于没有明确,我们可以跳过。或者,从功能来看,它可能是一个工具,所以可以打应用类型:Web应用(因为是在浏览器中运行的工具?)但是提示词说“利用GPT-5制作”,没有说明应用类型,所以我们可以不打应用类型标签。
  6. 技术栈:提到了GPT-5,但GPT-5不是常规的前端技术,而是一个AI模型。标签体系中技术栈是具体技术如React、Vue等,所以这里GPT-5可以算吗?标签描述是“提示词中明确提及的技术”,所以我们可以打技术栈:GPT-5。但注意,标签体系没有限制技术栈必须是编程语言或框架,所以可以。

因此,第二个提示词的标签:
输出依据:未提供
面向用户:兴趣娱乐-游戏(3D)
功能需求:功能(魔方生成器) # 我们用一个标签概括生成、打乱、复原,因为都是魔方生成器的功能
技术栈:GPT-5

第三个提示词:
“生成一个初中数学教学用的HTML+CSS+Javascript代码写成的“抛物线曲线演示页面”。...”
分析:

  1. 输出依据:未提供克隆、原型、文档或链接,所以输出依据:未提供
  2. 面向用户:初中数学教学,属于教育,而标签体系中有“职业支持-教师”,所以面向用户:职业支持-教师(物理课程演示)?但是这里是数学,不是物理。但标签体系中教师子项只有“物理课程演示”,我们可以扩展为数学,或者新增子项“数学”。根据规则,可以新增概括性子项。因此,我们可以打面向用户:职业支持-教师(数学课程演示)(新增子项)
  3. 功能需求:这是一个演示页面,所以是功能需求:页面(演示页面)。但是标签体系页面项下没有“演示页面”,我们可以新增子项,或者归为其他页面?已有的子项有dashboard、管理面板、blog、landing page、聊天窗口、个人资料。我们可以新增子项“演示页面”。另外,功能需求中还有功能:文本框输入和滑块调整,这些属于交互控件。文本框属于表单,滑块也属于表单的一种?所以可以打功能需求:功能(表单)。另外,还有实时改变曲线,属于交互,我们可以打交互:实时更新(新增子项)
  4. 外观感受:有具体的视觉描述,如红色曲线、黑色坐标轴、粗细等,但没有提供图像参考,而是描述,所以外观感受:仅描述
  5. 应用类型:是网页,而且是静态的(虽然包含交互,但主要是演示,用户不需要添加自己的数据?),但是用户可以通过输入改变参数,所以它允许用户输入数据并实时看到效果,因此应该算Web应用。所以应用类型:Web应用
  6. 技术栈:明确提到HTML+CSS+Javascript,所以技术栈:HTML/CSS/JavaScript

因此,第三个提示词的标签:
输出依据:未提供
面向用户:职业支持-教师(数学课程演示) # 新增子项
功能需求:页面(演示页面) # 新增子项
功能需求:功能(表单) # 因为文本框和滑块属于表单输入
交互:实时更新 # 新增子项,因为曲线随输入实时改变
外观感受:仅描述
应用类型:Web应用
技术栈:HTML/CSS/JavaScript

第四个提示词:
"我喜欢音乐节,我希望你可以帮我找一下今年各大音乐节的名称、行程等,做成日历清单,并以html的形式整理出来。"
分析:

  1. 输出依据:没有提供任何已有的克隆对象、原型或文档,但用户要求“找一下今年各大音乐节”,这需要实时信息,但根据规则,输出依据是指构建的依据,比如有没有提供现有的网站或文档?没有,所以还是输出依据:未提供
  2. 面向用户:音乐节属于兴趣娱乐,而兴趣娱乐中有“音乐”项,但音乐的子项是播放器、节拍器,没有音乐节日历。另外,出行中也有“演出活动”。所以我们可以打面向用户:兴趣娱乐-出行(演出活动)。因为出行子项包括探店、演出活动、观影等。
  3. 功能需求:要求做成日历清单,所以是一个日历页面,属于页面类型。标签体系页面项下没有日历,我们可以新增子项“日历”。所以功能需求:页面(日历)
  4. 外观感受:没有描述,所以不打。
  5. 应用类型:以html形式整理,所以是静态网站?因为用户只是访问查看信息,没有交互功能(除了查看清单),所以可以认为是静态网站。所以应用类型:静态网站
  6. 技术栈:没有提及。

因此,第四个提示词的标签:
输出依据:未提供
面向用户:兴趣娱乐-出行(演出活动)
功能需求:页面(日历) # 新增子项
应用类型:静态网站

注意:每个提示词一行,标签用
分隔。

现在,按照输出格式,整理成表格:

第一个提示词:
输出依据:未提供
面向用户:职业支持-金融(指定股票监控)
功能需求:页面(dashboard)
功能需求:功能(交互式图表) -> 新增,注意子项是“交互式图表”
功能需求:功能(筛选)
功能需求:功能(排序)
外观感受:仅描述
应用类型:Web应用

第二个提示词:
输出依据:未提供
面向用户:兴趣娱乐-游戏(3D)
功能需求:功能(魔方生成器) -> 新增子项“魔方生成器”
技术栈:GPT-5

第三个提示词:
输出依据:未提供
面向用户:职业支持-教师(数学课程演示) # 新增子项
功能需求:页面(演示页面) # 新增子项
功能需求:功能(表单)
交互:实时更新 # 新增子项
外观感受:仅描述
应用类型:Web应用
技术栈:HTML/CSS/JavaScript

第四个提示词:
输出依据:未提供
面向用户:兴趣娱乐-出行(演出活动)
功能需求:页面(日历) # 新增子项
应用类型:静态网站

注意:在第二个提示词中,我们新增了功能子项“魔方生成器”,在第三个中新增了面向用户子项“数学课程演示”、功能需求页面子项“演示页面”、交互子项“实时更新”,在第四个中新增了功能需求页面子项“日历”。这些新增都符合规则。

现在,按照输出格式,用表格呈现。

Question属性标签
请创建一个交互式网站,作为综合性金融仪表板和实时股市分析器。该网站应自动生成以下组件:
实时股票数据仪表板:
集成实时数据源,显示精选主要公司的当前股价
嵌入实时更新的交互式图表和图形
包含筛选选项(按行业、市值等)和排序功能
历史数据分析模块:
自动生成交互式可视化图表,显示不同时间框架内的历史表现趋势
为用户提供比较分析工具,可并排查看多只股票
显示关键财务指标(如移动平均线、RSI、交易量)并支持参数调整
投资建议引擎:
利用数据分析来分析趋势并生成可操作的建议(如"买入"、"持有"、"卖出")
在建议旁边展示总结性见解和技术指标
使用清晰的标题和要点详细解释每个建议背后的推理
财经新闻和情感分析:
集成模块,获取与分析股票相关的最新财经新闻标题
对新闻数据应用情感分析并生成整体市场情绪评分
通过交互式元素可视化情绪趋势,允许用户探索关键事件
流程说明:
在网页结尾详细说明构建金融仪表板所采取的步骤
描述使用的数据源、应用的分析方法以及组件集成方式
概述开发过程中做出的任何假设
请确保最终输出组织良好,具有清晰的分区、交互式元素和无缝的用户体验。该网站应功能齐全且对投资者和金融分析师具有吸引力,提供可操作的见解以支持明智的决策制定。
输出依据:未提供
面向用户:职业支持-金融(指定股票监控)
功能需求:页面(dashboard)
功能需求:功能(交互式图表)
功能需求:功能(筛选)
功能需求:功能(排序)
外观感受:仅描述
应用类型:Web应用
利用GPT-5制作一个魔方生成器,能够生成、打乱或复原任意阶数的魔方。输出依据:未提供
面向用户:兴趣娱乐-游戏(3D)
功能需求:功能(魔方生成器)
技术栈:GPT-5
我喜欢音乐节,我希望你可以帮我找一下今年各大音乐节的名称、行程等,做成日历清单,并以html的形式整理出来。输出依据:未提供
面向用户:兴趣娱乐-出行(演出活动)
功能需求:页面(日历)
应用类型:静态网站
生成一个初中数学教学用的HTML+CSS+Javascript代码写成的“抛物线曲线演示页面”。
1)页面的主要部分是红色的的曲线,坐标的原点在中间,x轴和y轴线条颜色为黑色,粗细为1磅,刻度值自适应,红色曲线的粗细为1.5磅。
2)页面下方有3个文本框,可以输入的值,文本框旁边有一个滑块崧审徐任高探通过拖动可以调整数值的大小。
3)曲线形状随着数值的改变而实时改变。
输出依据:未提供
面向用户:职业支持-教师(数学课程演示)
功能需求:页面(演示页面)
功能需求:功能(表单)
交互:实时更新
外观感受:仅描述
应用类型:Web应用
技术栈:HTML/CSS/JavaScript