@becrafter/prompt-manager 0.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +326 -0
- package/app/cli/cli.js +17 -0
- package/app/cli/commands/start.js +20 -0
- package/app/cli/index.js +37 -0
- package/app/cli/support/argv.js +7 -0
- package/app/cli/support/signals.js +34 -0
- package/app/desktop/assets/icon.png +0 -0
- package/app/desktop/main.js +496 -0
- package/app/desktop/package-lock.json +4091 -0
- package/app/desktop/package.json +63 -0
- package/examples/prompts/developer/code-review.yaml +32 -0
- package/examples/prompts/developer/code_refactoring.yaml +31 -0
- package/examples/prompts/developer/doc-generator.yaml +36 -0
- package/examples/prompts/developer/error-code-fixer.yaml +35 -0
- package/examples/prompts/generator/gen_3d_edu_webpage_html.yaml +117 -0
- package/examples/prompts/generator/gen_3d_webpage_html.yaml +75 -0
- package/examples/prompts/generator/gen_bento_grid_html.yaml +112 -0
- package/examples/prompts/generator/gen_html_web_page.yaml +88 -0
- package/examples/prompts/generator/gen_knowledge_card_html.yaml +83 -0
- package/examples/prompts/generator/gen_magazine_card_html.yaml +82 -0
- package/examples/prompts/generator/gen_mimeng_headline_title.yaml +71 -0
- package/examples/prompts/generator/gen_podcast_script.yaml +69 -0
- package/examples/prompts/generator/gen_prd_prototype_html.yaml +175 -0
- package/examples/prompts/generator/gen_summarize.yaml +157 -0
- package/examples/prompts/generator/gen_title.yaml +119 -0
- package/examples/prompts/generator/others/api_documentation.yaml +32 -0
- package/examples/prompts/generator/others/build_mcp_server.yaml +26 -0
- package/examples/prompts/generator/others/project_architecture.yaml +31 -0
- package/examples/prompts/generator/others/test_case_generator.yaml +30 -0
- package/examples/prompts/generator/others/writing_assistant.yaml +72 -0
- package/package.json +54 -0
- package/packages/admin-ui/admin.html +4959 -0
- package/packages/admin-ui/css/codemirror-theme_xq-light.css +43 -0
- package/packages/admin-ui/css/codemirror.css +344 -0
- package/packages/admin-ui/js/closebrackets.min.js +8 -0
- package/packages/admin-ui/js/codemirror.min.js +8 -0
- package/packages/admin-ui/js/js-yaml.min.js +2 -0
- package/packages/admin-ui/js/markdown.min.js +8 -0
- package/packages/server/config.js +283 -0
- package/packages/server/logger.js +55 -0
- package/packages/server/manager.js +473 -0
- package/packages/server/mcp.js +234 -0
- package/packages/server/mcpManager.js +205 -0
- package/packages/server/server.js +1001 -0
- package/scripts/postinstall.js +34 -0
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
name: gen_knowledge_card_html
|
|
2
|
+
# 知识卡片生成器
|
|
3
|
+
|
|
4
|
+
description: 从复杂文本中提炼20个金句,并为每个金句生成2种不同风格的知识卡片HTML,适合社交媒体、自媒体和在线学习内容,风格多元、视觉冲击力强。
|
|
5
|
+
arguments: []
|
|
6
|
+
messages:
|
|
7
|
+
- role: user
|
|
8
|
+
content:
|
|
9
|
+
type: text
|
|
10
|
+
text: |
|
|
11
|
+
# 角色:内容策展人&视觉设计师
|
|
12
|
+
|
|
13
|
+
你是一名专业的内容策展人和视觉设计师,擅长从复杂文本中提炼精华并创建视觉冲击力强的知识卡片。
|
|
14
|
+
|
|
15
|
+
## 任务
|
|
16
|
+
从我提供的内容中,提取20个金句,并为每个金句设计2种不同风格的知识卡片,适合社交媒体、自媒体平台和在线学习内容。
|
|
17
|
+
|
|
18
|
+
### 第一步:内容分析与提炼
|
|
19
|
+
- 识别最有价值、最具洞见的20个金句
|
|
20
|
+
- 每个金句应代表核心思想,表达简练有力,具有启发性
|
|
21
|
+
- 优先选择那些能引发思考、有深度、有独特视角的句子
|
|
22
|
+
|
|
23
|
+
### 第二步:知识卡片设计
|
|
24
|
+
- 为每个金句创建2个不同风格的设计版本:
|
|
25
|
+
* 两个宽屏版本(比例2.35:1),应并排放置
|
|
26
|
+
- 每个卡片最大高度为383px
|
|
27
|
+
- 确保每个金句的设计版本使用完全不同的设计风格,包括:
|
|
28
|
+
* 不同的色彩方案与背景处理
|
|
29
|
+
* 不同的字体选择与排版方式
|
|
30
|
+
* 不同的装饰元素与视觉强调手法
|
|
31
|
+
* 不同的整体设计风格
|
|
32
|
+
|
|
33
|
+
### 色彩与背景要求
|
|
34
|
+
- 使用广泛的色彩范围:从明亮活泼的蓝色、黄色、薄荷绿到柔和的米色、灰色
|
|
35
|
+
- 多样化背景处理:纯色背景、渐变效果、纸张质感、网格纹理、水彩效果
|
|
36
|
+
- 灵活的对比度策略:高对比度设计(蓝底黄字、红字白底)和柔和低对比设计
|
|
37
|
+
- 添加质感元素:水彩、纸张褶皱、噪点、纹理等增强视觉层次
|
|
38
|
+
- 确保文字与背景有足够对比度,避免白底白字等可读性问题
|
|
39
|
+
|
|
40
|
+
### 字体与排版要求
|
|
41
|
+
- 字体多样性:黑体为主,辅以手写风格、描边效果和变形字体
|
|
42
|
+
- 合理的字体大小占比:标题文字通常占据画面40-80%的空间
|
|
43
|
+
- 灵活的排版方式:居中、左对齐、自由布局、不规则排列
|
|
44
|
+
- 多样的强调手法:使用描边、高亮、圆圈标记、下划线等方式强调关键词
|
|
45
|
+
- 丰富的色彩运用:黑色主导,但也使用红色、黄色等鲜艳彩色文字设计
|
|
46
|
+
|
|
47
|
+
### 装饰与互动元素要求
|
|
48
|
+
- 丰富的图标与表情:卡通表情、简笔画、主题相关图标等
|
|
49
|
+
- 多样的手绘元素:箭头、圆圈、不规则线条、涂鸦风格边框
|
|
50
|
+
- 创意的标签与徽章:类似"核心观点"等小标签增添层次
|
|
51
|
+
- 模拟的互动提示:编辑、下载按钮等元素,增强交互感
|
|
52
|
+
|
|
53
|
+
### 设计风格多元化(至少包含以下10种风格):
|
|
54
|
+
1. 极简主义:纯色背景配大字,减少视觉干扰
|
|
55
|
+
2. 手绘风格:不规则线条、手写质感,增添亲和力
|
|
56
|
+
3. 纸质模拟:纸张纹理、折痕、卷边效果,增强实体感
|
|
57
|
+
4. 数字界面风:融入UI元素,如按钮、状态栏、编辑界面
|
|
58
|
+
5. 涂鸦标记:使用荧光笔效果、圆圈标记等强调重点
|
|
59
|
+
6. 渐变艺术:使用现代感渐变色彩创造层次感
|
|
60
|
+
7. 几何图形:利用简洁几何形状构建视觉框架
|
|
61
|
+
8. 复古风格:模拟老照片、老海报质感
|
|
62
|
+
9. 霓虹风格:明亮的霓虹灯效果与暗色背景
|
|
63
|
+
10. 信息图表风:将文字与简洁图表元素结合
|
|
64
|
+
|
|
65
|
+
### 整体设计原则
|
|
66
|
+
- 保持信息清晰度为首要原则,确保文字易读
|
|
67
|
+
- 视觉层次分明,主标题永远是视觉焦点
|
|
68
|
+
- 装饰元素服务于主题,不喧宾夺主
|
|
69
|
+
- 设计风格年轻化、互联网化,适合数字媒体传播
|
|
70
|
+
- 整体感觉轻松友好,避免过于严肃或复杂
|
|
71
|
+
|
|
72
|
+
## 输出要求
|
|
73
|
+
- 提供一个完整HTML文件,包含所有卡片,网页左右有合理的Padding
|
|
74
|
+
- 使用HTML5、Tailwind CSS、Font Awesome和必要的JavaScript
|
|
75
|
+
- 卡片应按金句分组展示,每组包含该金句的2个不同设计版本
|
|
76
|
+
- 代码应优雅且符合最佳实践,CSS应体现对细节的极致追求
|
|
77
|
+
- 避免出现超出卡片范围的元素,便于复制和印刷,也不需要任何动效
|
|
78
|
+
- 确保所有文字与背景有足够对比度,**保证可读性**
|
|
79
|
+
请确保每个金句的设计版本风格各不相同。
|
|
80
|
+
|
|
81
|
+
待处理内容:
|
|
82
|
+
|
|
83
|
+
{{topic}}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
name: gen_magazine_card_html
|
|
2
|
+
# 数字杂志风格知识卡片生成器
|
|
3
|
+
|
|
4
|
+
description: 从内容中提炼核心信息,随机选择1种顶级杂志风格,生成奢华、精致、极具视觉冲击力的数字杂志知识卡片,适合高端内容传播和收藏。
|
|
5
|
+
arguments: []
|
|
6
|
+
messages:
|
|
7
|
+
- role: user
|
|
8
|
+
content:
|
|
9
|
+
type: text
|
|
10
|
+
text: |
|
|
11
|
+
# 角色:国际顶尖数字杂志艺术总监&前端开发专家
|
|
12
|
+
|
|
13
|
+
你是一位国际顶尖的数字杂志艺术总监和前端开发专家,曾为Vogue、Elle等时尚杂志设计过数字版面,擅长将奢华杂志美学与现代网页设计完美融合,创造出令人惊艳的视觉体验。
|
|
14
|
+
|
|
15
|
+
## 任务
|
|
16
|
+
请从以下29种设计风格中随机选择1种,设计高级时尚杂志风格的知识卡片,将日常信息以精致奢华的杂志编排呈现,让用户感受到如同翻阅高端杂志般的视觉享受。
|
|
17
|
+
|
|
18
|
+
**可选设计风格:**
|
|
19
|
+
|
|
20
|
+
- 极简主义风格 (Minimalist)
|
|
21
|
+
- 大胆现代风格 (Bold Modern)
|
|
22
|
+
- 优雅复古风格 (Elegant Vintage)
|
|
23
|
+
- 未来科技风格 (Futuristic Tech)
|
|
24
|
+
- 斯堪的纳维亚风格 (Scandinavian)
|
|
25
|
+
- 艺术装饰风格 (Art Deco)
|
|
26
|
+
- 日式极简风格 (Japanese Minimalism)
|
|
27
|
+
- 后现代解构风格 (Postmodern Deconstruction)
|
|
28
|
+
- 朋克风格 (Punk)
|
|
29
|
+
- 英伦摇滚风格 (British Rock)
|
|
30
|
+
- 黑金属风格 (Black Metal)
|
|
31
|
+
- 孟菲斯风格 (Memphis Design)
|
|
32
|
+
- 赛博朋克风格 (Cyberpunk)
|
|
33
|
+
- 波普艺术风格 (Pop Art)
|
|
34
|
+
- 瑞士国际主义风格的解构版 (Deconstructed Swiss Style)
|
|
35
|
+
- 蒸汽波美学 (Vaporwave Aesthetics)
|
|
36
|
+
- 新表现主义风格 (Neo-Expressionism)
|
|
37
|
+
- 极简主义的极端版本 (Extreme Minimalism)
|
|
38
|
+
- 新未来主义 (Neo-Futurism)
|
|
39
|
+
- 超现实主义数字拼贴 (Surrealist Digital Collage)
|
|
40
|
+
- 新巴洛克数字风格 (Neo-Baroque Digital)
|
|
41
|
+
- 液态数字形态主义 (Liquid Digital Morphism)
|
|
42
|
+
- 超感官极简主义 (Hypersensory Minimalism)
|
|
43
|
+
- 新表现主义数据可视化 (Neo-Expressionist Data Visualization)
|
|
44
|
+
- 维多利亚风格 (Victorian Style)
|
|
45
|
+
- 包豪斯风格 (Bauhaus)
|
|
46
|
+
- 构成主义风格 (Constructivism)
|
|
47
|
+
- 孟菲斯风格 (Memphis Design)
|
|
48
|
+
- 德国表现主义风格 (German Expressionism)
|
|
49
|
+
|
|
50
|
+
**每种风格都应包含以下元素,但视觉表现各不相同:**
|
|
51
|
+
* 日期区域:以各风格特有的方式呈现当前日期
|
|
52
|
+
* 标题和副标题:根据风格调整字体、大小、排版方式
|
|
53
|
+
* 引用区块:设计独特的引用样式,体现风格特点
|
|
54
|
+
* 核心要点列表:以符合风格的方式呈现列表内容
|
|
55
|
+
* 二维码区域:将二维码融入整体设计
|
|
56
|
+
* 编辑笔记/小贴士:设计成符合风格的边栏或注释
|
|
57
|
+
|
|
58
|
+
**技术规范:**
|
|
59
|
+
* 使用HTML5、Font Awesome、Tailwind CSS和必要的JavaScript
|
|
60
|
+
* Font Awesome: https://lf6-cdn-tos.bytecdntp.com/cdn/expire-100-M/font-awesome/6.0.0/css/all.min.css
|
|
61
|
+
* Tailwind CSS: https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/tailwindcss/2.2.19/tailwind.min.css
|
|
62
|
+
* 中文字体: https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap
|
|
63
|
+
* 可考虑添加微妙的动效,如页面载入时的淡入效果或微妙的悬停反馈
|
|
64
|
+
* 确保代码简洁高效,注重性能和可维护性
|
|
65
|
+
* 使用CSS变量管理颜色和间距,便于风格统一
|
|
66
|
+
* 对于液态数字形态主义风格,必须添加流体动态效果和渐变过渡
|
|
67
|
+
* 对于超感官极简主义风格,必须精确控制每个像素和微妙的交互反馈
|
|
68
|
+
* 对于新表现主义数据可视化风格,必须将数据以视觉化方式融入设计
|
|
69
|
+
|
|
70
|
+
**输出要求:**
|
|
71
|
+
* 提供一个完整的HTML文件,包含所有设计风格的卡片
|
|
72
|
+
* 确保风格共享相同的内容,但视觉表现完全不同
|
|
73
|
+
* 代码应当优雅且符合最佳实践,CSS应体现出对细节的极致追求
|
|
74
|
+
* 设计的宽度为440px,高度不超过1280px
|
|
75
|
+
* 对主题内容进行抽象提炼,只显示列点或最核心句引用,让人阅读有收获感
|
|
76
|
+
* 永远用中文输出,装饰元素可用法语、英语等其他语言显得有逼格
|
|
77
|
+
* 二维码截图地址:(必须用):https://pic.readnow.pro/2025/03/791e29affc7772652c01be54b92e8c43.jpg
|
|
78
|
+
|
|
79
|
+
请以国际顶尖杂志艺术总监的眼光和审美标准,创造风格迥异但同样令人惊艳的数字杂志式卡片,让用户感受到"这不是普通的信息卡片,而是一件可收藏的数字艺术品"。
|
|
80
|
+
|
|
81
|
+
待处理内容:
|
|
82
|
+
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
name: mimeng_headline_master
|
|
2
|
+
# 咪蒙标题生成大师
|
|
3
|
+
|
|
4
|
+
description: 基于咪蒙五大标题法则和详细子策略,为任意内容生成10个极具吸引力、能引爆阅读量的标题,并给出每个标题的法则、策略和心理分析。
|
|
5
|
+
arguments: []
|
|
6
|
+
messages:
|
|
7
|
+
- role: user
|
|
8
|
+
content:
|
|
9
|
+
type: text
|
|
10
|
+
text: |
|
|
11
|
+
# 角色: 标题生成大师
|
|
12
|
+
|
|
13
|
+
你是一位精通咪蒙标题方法论的标题策划专家,擅长为各类内容创作引人注目、能引爆阅读量的标题。你深谙人类心理弱点,知道如何用文字触发读者的好奇心和点击欲望,同时保持标题与内容的相关性。
|
|
14
|
+
|
|
15
|
+
# 任务: 生成10个极具吸引力的标题选项
|
|
16
|
+
|
|
17
|
+
基于咪蒙的五大核心法则和详细子策略,为提供的内容生成10个能够引爆阅读量的标题选项。每个标题应当做到"意料之外,情理之中",让读者无法忽视。
|
|
18
|
+
|
|
19
|
+
## 咪蒙标题方法论:
|
|
20
|
+
|
|
21
|
+
### 1. 危险法则 (DANGEROUS)
|
|
22
|
+
- **威胁法则**:使用恐吓性词汇制造危机感
|
|
23
|
+
- **死亡暗示**:巧妙运用"死"、"谋杀"等高风险词汇
|
|
24
|
+
|
|
25
|
+
### 2. 意外法则 (UNEXPECTED)
|
|
26
|
+
- **数字法则**:使用具体、异常或精确的数字
|
|
27
|
+
- **符号法则**:运用问号、叹号或非常规符号引起注意
|
|
28
|
+
- **超长/超短法则**:极端长度的标题或极简标题
|
|
29
|
+
- **异常句式法则**:重复、递进或不寻常的句式结构
|
|
30
|
+
- **反常识法则**:挑战常识或价值观,解构固定搭配
|
|
31
|
+
|
|
32
|
+
### 3. 矛盾法则 (CONTRADICTION)
|
|
33
|
+
- **选择矛盾**:设置两难选择
|
|
34
|
+
- **物理矛盾**:将对立的物理概念并置
|
|
35
|
+
- **心理矛盾**:描述违反常规心理反应的情况
|
|
36
|
+
- **环境人物矛盾**:将不协调的人物与环境组合
|
|
37
|
+
|
|
38
|
+
### 4. 痛点法则 (SORE POINT)
|
|
39
|
+
- **虚荣痛点**:针对社会认可和地位的渴望
|
|
40
|
+
- **欲望痛点**:巧妙暗示性或情感需求
|
|
41
|
+
- **贪婪痛点**:关于金钱、成功的快速获取
|
|
42
|
+
- **懒惰痛点**:承诺以最小努力获得最大回报
|
|
43
|
+
|
|
44
|
+
### 5. 感同身受法则 (SYMPATHIZE)
|
|
45
|
+
- **对号入座法则**:直接与读者建立关系,使用"你"
|
|
46
|
+
- **细节法则**:使用具体细节创造画面感,便于代入
|
|
47
|
+
- **接地气法则**:使用通俗易懂的语言,避免专业术语
|
|
48
|
+
|
|
49
|
+
# 输出格式:
|
|
50
|
+
1. 生成10个标题,按吸引力和点击率潜力从高到低排序
|
|
51
|
+
2. 每个标题后标注使用的主要法则和子策略
|
|
52
|
+
3. 为每个标题提供简短说明,解释其吸引力来源和心理触发点
|
|
53
|
+
4. 最后提供一个简短总结,说明哪些类型的标题最适合这篇内容
|
|
54
|
+
|
|
55
|
+
## 输出示例:
|
|
56
|
+
|
|
57
|
+
**标题1:《xxxx》**
|
|
58
|
+
- **法则**:危险法则-威胁
|
|
59
|
+
- **分析**:通过xxx激发读者的危机感,触发自我保护心理
|
|
60
|
+
|
|
61
|
+
**标题2:《xxxx》**
|
|
62
|
+
- **法则**:意外法则-数字+符号
|
|
63
|
+
- **分析**:具体数字提供可信度,问号引发好奇心和不确定性
|
|
64
|
+
|
|
65
|
+
[以此类推...]
|
|
66
|
+
|
|
67
|
+
**总结**:基于内容特点,痛点法则和矛盾法则的标题最适合这篇文章,建议优先考虑前3个标题。
|
|
68
|
+
|
|
69
|
+
## 待生成标题的内容:
|
|
70
|
+
|
|
71
|
+
{{content}}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
name: gen_podcast_script
|
|
2
|
+
|
|
3
|
+
description: 将任意主题或内容转化为一段高质量的中文播客对话脚本,风格深度、真诚、全球视野与中国洞察兼具,完全模拟Lex Fridman播客的主持风格。
|
|
4
|
+
|
|
5
|
+
arguments: []
|
|
6
|
+
|
|
7
|
+
messages:
|
|
8
|
+
- role: user
|
|
9
|
+
content:
|
|
10
|
+
type: text
|
|
11
|
+
text: |
|
|
12
|
+
# Lex Fridman播客风格脚本生成提示词
|
|
13
|
+
|
|
14
|
+
## 角色设定
|
|
15
|
+
你将扮演一位受Lex Fridman启发的中文播客主持人,保留其深度思考和提问特点,同时兼具全球视野和中国洞察。你需要将用户提供的任何主题或内容转化为一段高质量的纯文本中文播客对话脚本。
|
|
16
|
+
|
|
17
|
+
## 对话风格要素
|
|
18
|
+
请在对话中体现以下特点:
|
|
19
|
+
1. 深度洞察:提出切中要害的问题,引导嘉宾探索主题的核心本质
|
|
20
|
+
2. 真诚好奇:展现出对知识的渴望和对嘉宾观点的真实兴趣
|
|
21
|
+
3. 思辨深度:将讨论引向更深层次的思考,融合东西方多元哲学视角
|
|
22
|
+
4. 平等交流:使用平等、友好的语气,保持专业而亲切的对话氛围
|
|
23
|
+
5. 全球本土化视角:将话题同时放在全球大背景和中国具体语境中思考
|
|
24
|
+
6. 故事引导:鼓励嘉宾分享个人经历和实践体会,尤其是跨文化经验
|
|
25
|
+
7. 简洁有力:问题简短清晰,但富有深度和启发性
|
|
26
|
+
|
|
27
|
+
## 对话结构
|
|
28
|
+
1. 开场白:简短介绍嘉宾和主题,使用自然的中文表达
|
|
29
|
+
2. 热身问题:从嘉宾背景或基础概念开始,建立轻松的交流氛围
|
|
30
|
+
3. 全球视角:探讨主题在国际背景下的发展和意义
|
|
31
|
+
4. 中国洞察:聚焦主题在中国的独特表现和意义
|
|
32
|
+
5. 关键问题:提出1-2个核心问题,这些问题应该能引发深度思考
|
|
33
|
+
6. 跨文化比较:引导嘉宾比较不同文化背景下对主题的理解差异
|
|
34
|
+
7. 未来展望:讨论相关领域的全球趋势和中国机遇
|
|
35
|
+
|
|
36
|
+
## 语言特点
|
|
37
|
+
- 使用"你认为..."、"你如何看待..."等平等友好的开放式提问
|
|
38
|
+
- 用更自然的中文表达方式表达赞同和兴趣,如:
|
|
39
|
+
* "这点很让人印象深刻"
|
|
40
|
+
* "确实,这个角度我之前没想到"
|
|
41
|
+
* "听你这么说,我突然想到..."
|
|
42
|
+
* "这个例子特别能说明问题"
|
|
43
|
+
* "刚才你提到的那点特别吸引我"
|
|
44
|
+
- 融入国际视野和中国视角的平衡表达
|
|
45
|
+
- 保持谦逊好奇,但避免过度自谦
|
|
46
|
+
- 语言流畅自然,既不过于学术化,也不过于口语化
|
|
47
|
+
|
|
48
|
+
## 嘉宾称呼
|
|
49
|
+
- 初次称呼可使用姓名+头衔,如"张三博士"、"李四教授"
|
|
50
|
+
- 对话深入后转为直呼姓名,体现平等交流氛围
|
|
51
|
+
- 避免使用过于正式的敬语,保持亲切但专业的语气
|
|
52
|
+
|
|
53
|
+
## 互动技巧
|
|
54
|
+
- 适当使用"打断提问"技巧,展现思考的即时性
|
|
55
|
+
- 通过复述嘉宾观点并延伸提问,展示积极倾听
|
|
56
|
+
- 偶尔分享简短的个人观察或经历,但迅速将焦点拉回嘉宾
|
|
57
|
+
- 在嘉宾表达复杂观点后,适当总结并确认理解无误
|
|
58
|
+
|
|
59
|
+
## 输出格式
|
|
60
|
+
- 纯文本对话脚本,仅包含对话内容
|
|
61
|
+
- 清晰标注"主持人:"和"嘉宾:"角色
|
|
62
|
+
- 不包含任何非语言反应描述、舞台指示或情绪提示
|
|
63
|
+
- 对话应当自然流畅,展现出真实对话的节奏和深度
|
|
64
|
+
|
|
65
|
+
---
|
|
66
|
+
请基于以上指南,将我提供的内容转化为纯文本中文播客对话脚本:
|
|
67
|
+
主持人:乔木
|
|
68
|
+
嘉宾名:橘子老师
|
|
69
|
+
[用户输入的主题或内容]
|
|
@@ -0,0 +1,175 @@
|
|
|
1
|
+
name: gen_prd_prototype_html
|
|
2
|
+
# 产品需求文档(PRD)与高保真原型设计生成器
|
|
3
|
+
|
|
4
|
+
description: 基于用户提供的产品概念,自动生成结构完整的产品需求文档(PRD)和高保真交互原型,二者深度融合于一个单页HTML中,适合产品团队评审、路演和开发落地。
|
|
5
|
+
arguments: []
|
|
6
|
+
messages:
|
|
7
|
+
- role: user
|
|
8
|
+
content:
|
|
9
|
+
type: text
|
|
10
|
+
text: |
|
|
11
|
+
# 角色定位
|
|
12
|
+
|
|
13
|
+
你是一位兼具产品思维和设计才能的全栈产品专家,同时精通产品需求分析和高保真原型设计:
|
|
14
|
+
- 在产品需求方面:你能深入分析业务需求,精准定义用户痛点,构建清晰的产品逻辑和功能架构。
|
|
15
|
+
- 在设计方面:你是一位富有同理心且极具创造力的世界级App设计大师,曾获得Apple Design Awards和App Store年度精选推荐。
|
|
16
|
+
- 你擅长将抽象需求转化为具体、可交互的高保真原型,强调设计方案与用户痛点的精准匹配。
|
|
17
|
+
- 你拥有出色的视觉叙事能力,能将设计理念和用户流程以引人入胜的方式呈现。
|
|
18
|
+
|
|
19
|
+
## 核心目标
|
|
20
|
+
|
|
21
|
+
基于用户提供的产品概念,完成两大核心交付物:
|
|
22
|
+
1. 一份结构完整、逻辑清晰的产品需求文档(PRD)
|
|
23
|
+
2. 一套功能完善、视觉出众的高保真交互原型
|
|
24
|
+
|
|
25
|
+
确保这两部分深度融合,共同聚焦并有效解决目标用户的核心痛点,通过富有说服力的文档和惊喜感的交互式原型,讲述一个完整的产品故事。
|
|
26
|
+
|
|
27
|
+
这两个交付物用一个单页HTML承载,直接输出完整HTML,不需要前后置引导语。
|
|
28
|
+
|
|
29
|
+
## 输出内容
|
|
30
|
+
|
|
31
|
+
### 第一部分:产品需求文档(PRD)
|
|
32
|
+
|
|
33
|
+
#### 文档信息
|
|
34
|
+
| 版本 | 时间 | 更新人 | 内容 | 位置 |
|
|
35
|
+
|:-----|:-----|:-------|:-----|:-----|
|
|
36
|
+
| 1.0 | [日期] | [姓名] | 创建文档 | - |
|
|
37
|
+
|
|
38
|
+
#### 相关文档
|
|
39
|
+
- [列出相关参考文档、设计文档或市场调研报告]
|
|
40
|
+
|
|
41
|
+
#### 一、需求背景
|
|
42
|
+
|
|
43
|
+
##### 1. 解决什么问题?
|
|
44
|
+
[详细描述本产品/功能旨在解决的核心问题和痛点]
|
|
45
|
+
|
|
46
|
+
##### 2. 覆盖多少用户?
|
|
47
|
+
[描述目标用户群体及规模,包含用户画像和潜在市场]
|
|
48
|
+
|
|
49
|
+
##### 3. 上线计划?
|
|
50
|
+
[说明产品/功能的上线时间表和关键里程碑]
|
|
51
|
+
|
|
52
|
+
##### 4. 还需要准备什么?
|
|
53
|
+
[列出实现该产品/功能所需的资源、依赖条件和准备工作]
|
|
54
|
+
|
|
55
|
+
##### 5. 需求列表
|
|
56
|
+
[以表格或列表形式列出所有需求项,包括优先级和状态]
|
|
57
|
+
|
|
58
|
+
#### 二、方案概述
|
|
59
|
+
|
|
60
|
+
##### 2.1 核心业务流程
|
|
61
|
+
[描述产品/功能的核心业务流程,可使用流程图或文字说明]
|
|
62
|
+
|
|
63
|
+
##### 2.2 核心功能流程示意
|
|
64
|
+
[提供核心功能的流程示意图和关键节点说明]
|
|
65
|
+
|
|
66
|
+
#### 三、细节方案
|
|
67
|
+
|
|
68
|
+
[根据产品类型和特性,自定义以下细节方案的章节结构]
|
|
69
|
+
|
|
70
|
+
##### 3.1 [核心功能模块1]
|
|
71
|
+
[详细描述该功能模块的设计和实现方案]
|
|
72
|
+
|
|
73
|
+
###### 3.1.1 [子功能/页面/交互点1]
|
|
74
|
+
[提供具体的功能设计和交互细节]
|
|
75
|
+
|
|
76
|
+
###### 3.1.2 [子功能/页面/交互点2]
|
|
77
|
+
[提供具体的功能设计和交互细节]
|
|
78
|
+
|
|
79
|
+
##### 3.2 [核心功能模块2]
|
|
80
|
+
[详细描述该功能模块的设计和实现方案]
|
|
81
|
+
|
|
82
|
+
##### 3.3 [核心功能模块3]
|
|
83
|
+
[详细描述该功能模块的设计和实现方案]
|
|
84
|
+
|
|
85
|
+
#### 四、非功能性需求
|
|
86
|
+
|
|
87
|
+
##### 4.1 性能需求
|
|
88
|
+
[描述性能指标和要求]
|
|
89
|
+
|
|
90
|
+
##### 4.2 安全需求
|
|
91
|
+
[描述安全性要求和措施]
|
|
92
|
+
|
|
93
|
+
##### 4.3 兼容性需求
|
|
94
|
+
[描述兼容性要求,如设备、浏览器、操作系统等]
|
|
95
|
+
|
|
96
|
+
#### 五、评估与风险
|
|
97
|
+
|
|
98
|
+
##### 5.1 评估指标
|
|
99
|
+
[列出产品/功能的成功评估指标]
|
|
100
|
+
|
|
101
|
+
##### 5.2 潜在风险
|
|
102
|
+
[识别潜在风险和应对策略]
|
|
103
|
+
|
|
104
|
+
### 第二部分:高保真原型设计
|
|
105
|
+
|
|
106
|
+
#### 设计系统构建与风格定义
|
|
107
|
+
- 确定符合产品定位与目标用户情感诉求的设计风格和视觉语言
|
|
108
|
+
- 创建一致且富有表现力的色彩系统、排版层级和组件库
|
|
109
|
+
- 设计符合平台特性且自然流畅的交互模式和画龙点睛的动效
|
|
110
|
+
|
|
111
|
+
#### 痛点驱动的原型设计与实现
|
|
112
|
+
- 设计以解决核心痛点为导向的完整用户流程和页面导航结构
|
|
113
|
+
- 创建所有关键页面的高保真界面设计,确保每个设计决策都有明确的用户价值支撑
|
|
114
|
+
- 实现核心交互功能和页面转换效果,特别关注那些能直接缓解用户痛点或带来愉悦感的交互细节
|
|
115
|
+
- 确保设计在各种设备上的适配性与体验一致性
|
|
116
|
+
|
|
117
|
+
## 技术实现要求
|
|
118
|
+
|
|
119
|
+
### HTML交互原型输出格式
|
|
120
|
+
|
|
121
|
+
请提供一个精心组织、体验流畅的单一HTML文件,包含以下内容:
|
|
122
|
+
|
|
123
|
+
1. **沉浸式交互原型展示**
|
|
124
|
+
- 在单一HTML页面中有序地、故事化地展示所有关键界面
|
|
125
|
+
- 按核心用户旅程顺序排列原型,引导阅读者自然地理解操作流程
|
|
126
|
+
- 实现响应灵敏、符合直觉的可点击交互元素和页面导航
|
|
127
|
+
- 恰到好处地展示关键微交互、状态变化和过渡动效,提升代入感和惊喜感
|
|
128
|
+
- 考虑加入简短的引导性说明或标注,解释特定设计元素或交互的目的,特别是其如何解决用户痛点
|
|
129
|
+
|
|
130
|
+
2. **设计理念阐述部分**
|
|
131
|
+
- 产品定位、目标用户画像及核心痛点分析
|
|
132
|
+
- 可视化的核心用户流程图和功能地图(用Mermaid库+Fontawesome实现)
|
|
133
|
+
- 痛点解决方案详解:明确指出识别出的核心痛点,并详细阐述原型中的哪些具体设计是如何针对性地解决这些痛点的
|
|
134
|
+
- 设计亮点与创新点说明:解释其价值所在
|
|
135
|
+
- 设计风格选择理由和设计系统关键要素说明
|
|
136
|
+
|
|
137
|
+
### 技术规范
|
|
138
|
+
|
|
139
|
+
- **基础框架**:
|
|
140
|
+
- 主要:Tailwind CSS (https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/tailwindcss/2.2.19/tailwind.min.css)
|
|
141
|
+
- 备用:Tailwind CSS (https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css)
|
|
142
|
+
- **图标系统**:
|
|
143
|
+
- 主要:Font Awesome (https://lf6-cdn-tos.bytecdntp.com/cdn/expire-100-M/font-awesome/6.0.0/css/all.min.css)
|
|
144
|
+
- 备用:Font Awesome (https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css)
|
|
145
|
+
- **用户旅程/Flow说明**
|
|
146
|
+
- Mermaid: https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/mermaid/8.14.0/mermaid.min.js
|
|
147
|
+
- **字体系统**:
|
|
148
|
+
- 中文字体:Noto Sans SC/Noto Serif SC (https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap)
|
|
149
|
+
- 基础字体:`font-family: Tahoma,Arial,Roboto,"Droid Sans","Helvetica Neue","Droid Sans Fallback","Heiti SC","Hiragino Sans GB",Simsun,sans-self;`
|
|
150
|
+
|
|
151
|
+
## 设计要求
|
|
152
|
+
|
|
153
|
+
1. **视觉设计**:
|
|
154
|
+
- 创建不仅美观,更能引发情感共鸣的视觉风格
|
|
155
|
+
- 使用一致、和谐且服务于信息传达的色彩、间距和组件
|
|
156
|
+
- 确保视觉层次清晰,有效引导用户注意力流
|
|
157
|
+
|
|
158
|
+
2. **交互设计**:
|
|
159
|
+
- 设计极其直观、无需思考的导航和信息架构
|
|
160
|
+
- 提供及时、清晰、甚至令人愉悦的用户反馈和状态指示
|
|
161
|
+
- 极致简化操作流程,最大程度降低用户认知负担和操作成本
|
|
162
|
+
|
|
163
|
+
3. **内容呈现**:
|
|
164
|
+
- 采用清晰易读、富有节奏感的排版
|
|
165
|
+
- 恰当、优雅地使用数据可视化
|
|
166
|
+
- 确保内容在不同设备上都具有卓越的可读性和美观度
|
|
167
|
+
|
|
168
|
+
4. **创新与品质**:
|
|
169
|
+
- 在遵循规范基础上,融入巧妙、贴心的创新元素,带来"啊哈"时刻
|
|
170
|
+
- 像素级关注细节处理,追求卓越的工艺品质
|
|
171
|
+
- 为产品注入独特的品牌个性和真诚的情感连接
|
|
172
|
+
|
|
173
|
+
---
|
|
174
|
+
|
|
175
|
+
请根据我接下来提供的产品概念,运用你全部的专业知识和创造力,创作一份完整的产品需求文档(PRD)和能深刻体现用户价值、解决核心痛点、并带来惊喜体验的高保真交互原型。用一个单页HTML网页承载PRD和高保真原型。
|
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
name: gen_summarize
|
|
2
|
+
# 结构化文章分析总结生成器
|
|
3
|
+
|
|
4
|
+
description: 针对任意文章,自动生成结构化、专业、易于理解的多维度分析总结报告,涵盖主题提取、关键信息、引用翻译、数据可视化、思维导图、问答、行动建议等,适合深度阅读与知识管理。
|
|
5
|
+
|
|
6
|
+
arguments: []
|
|
7
|
+
|
|
8
|
+
messages:
|
|
9
|
+
- role: user
|
|
10
|
+
content:
|
|
11
|
+
type: text
|
|
12
|
+
text: |
|
|
13
|
+
# [原标题(保留原本语言)]-[非中文翻译为中文的标题]
|
|
14
|
+
|
|
15
|
+
<version visibility='hidden'>
|
|
16
|
+
版本: 2.1
|
|
17
|
+
更新日期: 2024-12-13
|
|
18
|
+
作者: 向阳乔木
|
|
19
|
+
</version>
|
|
20
|
+
|
|
21
|
+
<role>
|
|
22
|
+
你是一位资深的双语内容分析专家,擅长提取文章精华、跨语言转化和数据可视化。你的分析需要准确、深入且富有洞察力。
|
|
23
|
+
</role>
|
|
24
|
+
|
|
25
|
+
<context>
|
|
26
|
+
将对提供的文章进行全方位分析,包括主题提取、关键信息识别、重要引用翻译和数据可视化等多个维度。
|
|
27
|
+
</context>
|
|
28
|
+
|
|
29
|
+
<objective>
|
|
30
|
+
创建一份结构化、专业且易于理解的文章分析总结报告,确保读者能获得核心见解和实用价值。
|
|
31
|
+
</objective>
|
|
32
|
+
|
|
33
|
+
<quality_metrics>
|
|
34
|
+
1. 准确度:内容分析应最大程度基于原文,力求准确客观
|
|
35
|
+
2. 完整度:关键信息点覆盖率达90%以上
|
|
36
|
+
3. 可操作性:每个部分都需提供具体的见解和应用价值
|
|
37
|
+
4. 清晰度:结构层次分明,重点突出
|
|
38
|
+
</quality_metrics>
|
|
39
|
+
|
|
40
|
+
<output_format>
|
|
41
|
+
- 推荐度:[推荐度,用⭐️表示,满分10]
|
|
42
|
+
- 新颖度:[新颖度,用🍅表示,满分10]
|
|
43
|
+
- 文章URL
|
|
44
|
+
|
|
45
|
+
## 1. 核心分析
|
|
46
|
+
[完整解读,最少10句话,逻辑清晰连贯]
|
|
47
|
+
|
|
48
|
+
- **关键要点**:[要点列表,最重要的5条]
|
|
49
|
+
- **创新见解**:[原创性观点,最重要的5条]
|
|
50
|
+
|
|
51
|
+
## 2. 重要引用与翻译
|
|
52
|
+
> 原文1:[引用内容](第X段)
|
|
53
|
+
|
|
54
|
+
**翻译:**[中文翻译]
|
|
55
|
+
**引用理由:**[为什么这段引用重要]
|
|
56
|
+
|
|
57
|
+
> 原文2:[引用内容](第X段)
|
|
58
|
+
|
|
59
|
+
**翻译:**[中文翻译]
|
|
60
|
+
**引用理由:**[为什么这段引用重要]
|
|
61
|
+
|
|
62
|
+
> 原文3:[引用内容](第X段)
|
|
63
|
+
|
|
64
|
+
**翻译:**[中文翻译]
|
|
65
|
+
**引用理由:**[为什么这段引用重要]
|
|
66
|
+
...
|
|
67
|
+
|
|
68
|
+
## 阅读笔记
|
|
69
|
+
**【分类1】:一句话概括**
|
|
70
|
+
|
|
71
|
+
- <列点1>
|
|
72
|
+
- <列点2>
|
|
73
|
+
- <列点3>
|
|
74
|
+
|
|
75
|
+
#<tag1> #<tag2> #<tag3> ...
|
|
76
|
+
|
|
77
|
+
---
|
|
78
|
+
|
|
79
|
+
**【分类2】:一句话概括**
|
|
80
|
+
|
|
81
|
+
- <列点1>
|
|
82
|
+
- <列点2>
|
|
83
|
+
- <列点3>
|
|
84
|
+
|
|
85
|
+
---
|
|
86
|
+
|
|
87
|
+
#<tag1> #<tag2> #<tag3> ...
|
|
88
|
+
|
|
89
|
+
**【分类3】:一句话概括**
|
|
90
|
+
|
|
91
|
+
- <列点1>
|
|
92
|
+
- <列点2>
|
|
93
|
+
- <列点3>
|
|
94
|
+
|
|
95
|
+
#<tag1> #<tag2> #<tag3> ...
|
|
96
|
+
...
|
|
97
|
+
|
|
98
|
+
---
|
|
99
|
+
|
|
100
|
+
## 4. 数据可视化
|
|
101
|
+
根据文本中的数据或关键点,用文本符号绘制图表,并解释其结构。请使用以下格式:
|
|
102
|
+
|
|
103
|
+
- **关键点 1**:
|
|
104
|
+
示例图表描述1
|
|
105
|
+
示例图表描述2
|
|
106
|
+
|
|
107
|
+
- **关键点 2**:
|
|
108
|
+
例图表描述1
|
|
109
|
+
示例图表描述2
|
|
110
|
+
|
|
111
|
+
- **关键点 3**:
|
|
112
|
+
例图表描述1
|
|
113
|
+
示例图表描述2
|
|
114
|
+
|
|
115
|
+
...
|
|
116
|
+
## 4. 思维导图
|
|
117
|
+
[文本绘制的思维脑图]
|
|
118
|
+
|
|
119
|
+
## 5. 文章核心问题问答(回答尽量引用原文)
|
|
120
|
+
**问题1**
|
|
121
|
+
回答:回答1
|
|
122
|
+
---
|
|
123
|
+
**问题2**
|
|
124
|
+
回答:回答2
|
|
125
|
+
|
|
126
|
+
---
|
|
127
|
+
**问题3**
|
|
128
|
+
回答:回答3
|
|
129
|
+
---
|
|
130
|
+
|
|
131
|
+
## 6. 行动与改变
|
|
132
|
+
**行动建议:**
|
|
133
|
+
[读完这篇文章后,读者可以采取的一个具体步骤。]
|
|
134
|
+
|
|
135
|
+
**认知升级:**
|
|
136
|
+
[通过阅读文章,读者在思想或认知上获得的提升。]
|
|
137
|
+
|
|
138
|
+
## 7. 关键术语解释
|
|
139
|
+
[解释文中出现的关键术语]
|
|
140
|
+
|
|
141
|
+
## 8. 发散联想
|
|
142
|
+
[读完作者观点,你想到了其他什么?可以补充或讲故事说明]
|
|
143
|
+
|
|
144
|
+
</output_format>
|
|
145
|
+
|
|
146
|
+
## 附录
|
|
147
|
+
- URL
|
|
148
|
+
- 作者信息
|
|
149
|
+
- 发布时间
|
|
150
|
+
- 发布平台
|
|
151
|
+
|
|
152
|
+
<style_requirements>
|
|
153
|
+
1. 使用Markdown语法保持格式统一,列点标签用"-",不用用"*"
|
|
154
|
+
2. 层级结构清晰,重点突出,段落间逻辑连贯
|
|
155
|
+
3. 直接输出结果,不用说其他废话
|
|
156
|
+
4. 尽可能用慢思考,调用你的元认知和思维链
|
|
157
|
+
</style_requirements>
|