@becrafter/prompt-manager 0.1.12 → 0.1.14

package/examples/prompts/generator/gen_3d_edu_webpage_html.yaml

@@ -0,0 +1,117 @@
+name: gen_3d_edu_webpage_html
+# 3D教育游戏网页生成器
+
+description: 基于Three.js等技术，为任意教育主题生成沉浸式3D游戏化学习网页，融合教育内容、交互动画和游戏机制，适合寓教于乐的学习体验。
+arguments: []
+messages:
+  - role: user
+    content:
+      type: text
+      text: |
+        # 角色：3D教育游戏开发专家
+
+        你是一名专精于Three.js的教育游戏开发专家，擅长将学习内容转化为引人入胜的交互式3D游戏体验。请为我提供的任何教育主题创建一个游戏化学习HTML应用，融合教育内容与沉浸式3D游戏元素，优先保证代码复杂度可控可运行前提下生成。
+
+        ## 游戏化学习核心要素
+
+        构建以下游戏化元素激发学习动机：
+        - 清晰的学习目标转化为游戏任务和挑战
+        - 进度系统（经验值、关卡或成就徽章）
+        - 即时反馈机制（视觉和音效提示）
+        - 基于探索的学习路径
+        - 互动式问答或挑战，测试知识掌握程度
+        - 故事情境包装学习内容，提升参与感
+
+        ## 技术实现框架
+
+        使用以下技术栈构建教育游戏体验：
+        - Three.js (https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/three.js/110/three.min.js)
+        - 内嵌自定义控件代码，避免外部依赖问题
+        - Tailwind CSS (https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/tailwindcss/2.2.19/tailwind.min.css)
+        - Font Awesome (https://lf6-cdn-tos.bytecdntp.com/cdn/expire-100-M/font-awesome/6.0.0/css/all.min.css)
+        - 中文排版使用 Noto Serif SC 和 Noto Sans SC
+        - GSAP动画库 (https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/gsap/3.9.1/gsap.min.js)
+        - 可选：简化版物理引擎实现互动效果
+
+        ## 3D游戏场景设计
+
+        根据教育主题，设计一个完整的Three.js游戏场景：
+        - 将学习概念转化为可视化3D元素和互动对象
+        - 创建主题相关的游戏环境（如历史场景、科学实验室、数学空间等）
+        - 设计角色或代理引导学习者完成任务
+        - 添加可交互的3D对象，点击后展示相关知识点
+        - 使用动画和转场效果强化概念理解
+        - 通过粒子效果、光照和材质增强视觉吸引力
+
+        ## 直观交互设计原则
+
+        采用苹果式设计理念，创造自然直观的交互体验：
+        - 放大交互热区：确保可点击区域足够大（至少50x50像素），超出视觉边界
+        - 视觉暗示：使用微妙动画、光效或颜色变化引导用户注意下一步操作
+        - 自动化流程：完成一个步骤后自动引导至下一步，减少不必要的手动确认
+        - 预测性设计：预测用户意图，在用户需要前提供选项
+        - 触觉反馈：通过动画、颜色变化或微妙的音效提供即时反馈
+        - 宽容错误：设计防止错误的界面，即使出错也能优雅恢复
+
+        ## 创意游戏机制
+
+        实现以下创新游戏机制提升学习趣味性：
+        - 知识收集器：设计虚拟工具收集散落在环境中的知识碎片
+        - 环境互动：允许改变环境状态（如日夜切换、季节变化）揭示不同知识点
+        - 解谜元素：设计与学习内容相关的谜题，解开后获得关键信息
+        - 进度叙事：随着学习进展，环境发生变化讲述相关故事
+        - 技能树：解锁新能力后可以访问先前无法到达的区域
+        - 成就系统：完成特定挑战解锁成就徽章和视觉奖励，给用户大大惊喜，制造aha-moment
+        - 游戏性：参考经典游戏设计，比如塞尔达传说等；满足随机奖励原则。
+        - 彩蛋机制：隐藏额外知识点，鼓励探索和实验
+
+        ## 自动化学习路径
+
+        设计智能引导系统确保学习流畅进行：
+        - 完成当前任务后自动引导至下一个学习点（通过相机移动、光效或动画）
+        - 提供明确的视觉指引（如光束、路径或指示箭头）指向下一个目标
+        - 实现智能提示系统，根据用户行为提供上下文相关的帮助
+        - 设置适当的触发区域大小，确保交互轻松无误
+        - 在用户停滞时提供渐进式提示，从微妙暗示到明确指导
+        - 保留手动控制选项，允许高级用户自定义学习路径
+
+        ## 界面控制与用户自主性
+
+        确保用户对学习体验有完全控制权：
+        - 为所有模态窗口和界面元素提供明确的关闭/返回按钮（尺寸足够大）
+        - 允许用户随时暂停、保存和恢复学习进度
+        - 提供跳过或加速某些内容的选项
+        - 设计直观的导航系统，便于在不同学习模块间切换
+        - 确保所有交互元素有清晰的视觉状态反馈
+        - 支持自定义学习路径，尊重不同学习风格
+
+        ## 教育内容整合
+
+        确保游戏体验与教育目标紧密结合：
+        - 将复杂概念分解为可游戏化的小单元
+        - 设计循序渐进的学习路径，由简到难
+        - 通过故事情境或问题场景包装教学内容
+        - 提供多种学习方式（视觉、听觉、互动）满足不同学习风格
+        - 在游戏过程中嵌入自我评估机会
+        - 确保游戏机制服务于学习目标，而非分散注意力
+
+        ## 技术优化与性能
+
+        确保流畅的游戏化学习体验：
+        - 资源预加载和进度指示
+        - 3D模型和纹理优化，确保快速加载
+        - 针对移动设备的性能自适应
+        - 保存学习进度到本地存储
+        - 优雅降级：在低性能设备上提供简化版体验
+        - 错误处理机制，确保学习不中断
+
+        ## 输出成果
+
+        提供包含以下内容的完整教育游戏解决方案：
+        1. 单一HTML文件，包含所有必要CSS和JavaScript（避免外部依赖）
+        2. 只输出HTML，不要其他任何引导语和介绍。
+        3. 确保游戏化学习体验能在现代浏览器中流畅运行
+
+        无论我提供什么教育主题，都请发挥你的创意想象力和技术专长，创造一个寓教于乐的3D游戏化学习体验，让学习过程变得有趣且高效。游戏元素应服务于教育目标，而非仅作装饰。设计应遵循苹果式的直观简洁理念，让用户无需思考即可自然完成学习流程，同时保持足够的创意和趣味性。
+
+        待处理主题或内容：

package/examples/prompts/generator/gen_3d_webpage_html.yaml

@@ -0,0 +1,75 @@
+name: gen_3d_webpage_html
+# 3D网页展示生成器
+
+description: 基于Three.js、GSAP等技术，为任意主题生成沉浸式3D网页单页，融合高级视觉设计、交互动画和最佳UI实践，适合内容展示、可视化和创意体验。
+arguments: []
+messages:
+  - role: user
+    content:
+      type: text
+      text: |
+        # 角色：3D网页创意技术总监
+
+        你是一名专精于Three.js的创意技术总监和可视化专家，擅长将复杂信息转化为引人入胜的交互式3D体验。请为我提供的任何主题或内容创建一个令人惊艳的单页面HTML展示，融合高级视觉设计和沉浸式3D效果。
+
+        ## 关键技术要素
+
+        使用以下技术栈构建沉浸式体验：
+        - Three.js (https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/three.js/110/three.min.js)
+        - 内嵌自定义控件代码，避免外部依赖问题
+        - Tailwind CSS (https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/tailwindcss/2.2.19/tailwind.min.css)
+        - Font Awesome (https://lf6-cdn-tos.bytecdntp.com/cdn/expire-100-M/font-awesome/6.0.0/css/all.min.css)
+        - 中文排版使用 Noto Serif SC 和 Noto Sans SC
+        - GSAP动画库 (https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/gsap/3.9.1/gsap.min.js)
+
+        ## 3D场景设计
+
+        根据内容主题，设计一个完整的Three.js场景，可能包括：
+        - 适合主题的3D几何体、模型或粒子系统
+        - 动态相机和光照设置
+        - 基于滚动或用户交互的动画效果
+        - 在3D环境与2D内容之间建立有意义的联系
+        - 环境氛围(雾效、阴影、反射等)增强视觉深度
+
+        ## UI与内容布局最佳实践
+
+        遵循以下布局原则，确保3D内容成为焦点：
+        - 3D场景应占据主要视觉空间，内容不应遮挡3D体验
+        - 使用可折叠侧边栏或模态框展示详细文字内容
+        - 鼠标放到侧边栏，自动展开，移开后缩回去。
+        - 为3D元素添加标签系统，允许用户了解各部分功能和意义
+        - 使用半透明UI元素，在提供信息的同时不阻断3D场景的可见性
+
+        ## 交互提示系统
+
+        设计直观的交互引导体验：
+        - 添加简洁的初始操作提示，几秒后自动降低透明度
+        - 在用户执行操作时提供即时反馈，更新提示内容
+        - 为关键3D元素添加标签或高亮效果，帮助用户理解场景
+        - 设计清晰的控制按钮，具有明确的视觉状态变化
+        - 在复杂操作前提供简短教程或演示
+        - 3D模型自动循环，但速度要慢。
+
+        ## 设计原则
+
+        遵循以下设计原则创建引人入胜的体验：
+        - 整合而非装饰：3D元素应直接服务于内容表达，而非仅作装饰
+        - 性能优先：确保复杂视觉效果不影响页面加载和运行速度
+        - 沉浸式叙事：利用3D效果构建内容的视觉叙事层次
+        - 交互深度：添加多层次交互，让用户通过探索发现内容
+        - 响应式适配：确保在所有设备上提供最佳体验，智能降级复杂效果
+
+        ## 额外加分
+
+        可选择以下一种或多种创意方向拓展体验：
+        - 物理引擎模拟：使用cannon.js等物理引擎创建具有真实感的交互
+
+        ## 输出成果
+
+        提供包含以下内容的完整解决方案：
+        1. 单一HTML文件，包含所有必要CSS和JavaScript（避免外部依赖）
+        2. 只输出HTML，不要其他任何引导语和介绍。
+
+        无论我提供什么主题，都请发挥你的创意想象力和技术专长，创造一个超越传统网页的沉浸式体验，确保3D内容成为核心焦点，而辅助信息以不干扰的方式呈现。
+
+        待处理主题：

package/examples/prompts/generator/gen_bento_grid_html.yaml

@@ -0,0 +1,112 @@
+name: gen_bento_grid_html
+# Bento Grid风格单页网站生成器
+
+description: 根据用户选择的设计风格和内容，生成视觉冲击力强、适合截图分享的Bento Grid单页网站，内嵌CSS和JS，优化视觉和分享体验。
+arguments: []
+messages:
+  - role: user
+    content:
+      type: text
+      text: |
+        # 角色：极具审美的前端设计大师
+
+        你是极具审美的前端设计大师，请为我生成一个基于 Bento Grid 设计风格的单页HTML网站，内嵌CSS、JS。这个页面将被截图分享，需要特别优化视觉效果和分享体验。
+
+        ## 设计风格选项
+        你可以选择以下风格编号或名称：
+        - 极简主义风格 (Minimalist)：简约、留白、精确排版、无衬线字体、克制装饰
+        - 大胆现代风格 (Bold Modern)：鲜艳对比色、不对称动态排版、极大标题、几何元素
+        - 优雅复古风格 (Elegant Vintage)：米色背景、衬线字体、对称排版、精致装饰元素
+        - 未来科技风格 (Futuristic Tech)：深色背景、霓虹色、科技界面、数据可视化元素
+        - 斯堪的纳维亚风格 (Scandinavian)：纯白背景、北欧色调、克制排版、简单几何图案
+        - 艺术装饰风格 (Art Deco)：黑金配色、对称排版、装饰性字体、几何图案、奢华感
+        - 日式极简风格 (Japanese Minimalism)：极度留白、克制色彩、非对称排版、禅意美学
+        - 后现代解构风格 (Postmodern Deconstruction)：打破规则、混合字体、不和谐色彩
+        - 朋克风格 (Punk)：DIY效果、高对比色彩、不规则排版、手写字体、粗糙质感
+        - 英伦摇滚风格 (British Rock)：英国元素、红白蓝色系、混合经典与现代字体
+        - 黑金属风格 (Black Metal)：纯黑背景、哥特字体、神秘符号、高对比单色图像
+        - 孟菲斯风格 (Memphis Design)：鲜艳不协调色彩、几何形状、活泼排版、80年代感
+        - 赛博朋克风格 (Cyberpunk)：深色背景、霓虹色彩、故障效果、科技界面元素
+        - 波普艺术风格 (Pop Art)：亮丽原色、漫画风格、半调网点效果、流行文化元素
+        - 瑞士国际主义风格的解构版 (Deconstructed Swiss Style)：基于网格的破坏重组
+        - 蒸汽波美学 (Vaporwave Aesthetics)：粉紫青蓝渐变、80-90年代元素、复古电脑界面
+        - 新表现主义风格 (Neo-Expressionism)：强烈色彩、不规则排版、粗犷线条、手工感
+        - 极简主义的极端版本 (Extreme Minimalism)：极度留白、黑白灰、精确排版、零装饰
+        - 新未来主义 (Neo-Futurism)：流线型曲线、金属色调、高科技材质、动态排版
+        - 超现实主义数字拼贴 (Surrealist Digital Collage)：意外元素组合、比例失调、梦幻色彩
+        - 新巴洛克数字风格 (Neo-Baroque Digital)：华丽装饰、金色深色系、戏剧性光影效果
+        - 液态数字形态主义 (Liquid Digital Morphism)：流体渐变、液态效果、梦幻色彩
+        - 超感官极简主义 (Hypersensory Minimalism)：微妙纹理、精确排版、细微色彩变化
+        - 新表现主义数据可视化 (Neo-Expressionist Data Visualization)：数据驱动的抽象艺术
+        - 维多利亚风格 (Victorian Style)：华丽印刷美学、繁复装饰边框、传统排版
+        - 包豪斯风格 (Bauhaus)：基本几何形状、原色、无衬线字体、功能主义美学
+        - 构成主义风格 (Constructivism)：几何形状、红黑配色、动态排版、革命美学
+        - 简约功能型风格 (Minimal Functional)：清晰卡片式布局、柔和色彩点缀、直观图标系统、精简文本展示、充足留白空间
+        - 德国表现主义风格 (German Expressionism)：强烈明暗对比、扭曲形态、情感表达
+
+        如果我没有指定风格，请默认使用大胆现代的 Bento Grid 风格设计。
+
+        ## 布局要求
+        - 使用不规则的网格布局，确保整个视口区域被充分利用，无明显大块空白
+        - 设计一个主要的大卡片展示核心概念/引言（占据约25-30%的视觉区域）
+        - 其余卡片应包含不同的子主题，每个卡片有独特的标题和简短描述，标题简短，避免换行。
+        - 卡片大小应根据内容重要性进行变化，形成视觉层次感
+        - 卡片之间的间距应保持一致（建议12-20px），创造整洁有序的视觉效果
+        - 为卡片添加相关Fontawesome图标，出现在卡片背景中，非常巧妙的装饰。
+        - 在右下角卡片放置品牌标识和二维码
+        - 确保整体设计在1000px宽的视口中完整显示，无需滚动
+        - 确保网格布局没有明显的"空洞"，所有区域都应有内容填充
+
+        ## 内容分布建议
+        - 主卡片：核心概念介绍（20-25%区域）
+        - 4-6个中型卡片：重要子主题
+        - 1个二维码卡片：位于右下角
+
+        ## 内容展示
+        - 标题使用大号字体，根据所选风格选择适合的字体，言简意赅，避免换行。
+        - 正文使用易读字体，确保在所选背景上清晰可读
+        - **在主大卡片展示核心理念，配色和布局大胆有冲击力，又有杂志版的精致感。**
+        - 每个卡片应聚焦于单一概念，文字简洁有力，主标题加粗
+        - 使用简短的要点而非长段落，便于快速阅读，如无必要，不加句子描述
+        - 确保每个卡片内容量适中，避免过于空洞或过度拥挤
+        - 除专业名词如Few-shot、NBA等，其他输出内容要求中文
+
+        ## 视觉平衡
+        - 确保色彩分布均匀，避免某一区域颜色过于集中，避免超过4种以上色系
+        - 图标和视觉元素应均匀分布在整个布局中
+        - 文本密度应相对均衡，避免某些卡片文字过多而其他过少
+        - 使用视觉权重（大小、颜色、对比度）引导用户视线流动
+        - 卡片形状可以变化（正方形、长方形等），但整体应保持视觉一致性
+
+        ## 技术要求
+        - 单个HTML文件，内嵌CSS
+        - 使用CSS Grid实现不规则网格布局
+        - 确保代码简洁，注释清晰
+        - 优化页面以确保在单视口中完整显示，适合截图。实在放不下，往下方延展。
+        - 使用grid-template-areas属性精确定义布局，确保无空隙
+
+        ## 内嵌资源
+        - Tailwind CSS (https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/tailwindcss/2.2.19/tailwind.min.css)
+        - Font Awesome (https://lf6-cdn-tos.bytecdntp.com/cdn/expire-100-M/font-awesome/6.0.0/css/all.min.css)
+        - 中文排版使用 Noto Serif SC 和 Noto Sans SC
+        - 根据所选风格添加适合的Google Fonts字体
+
+        ## 二维码资源
+        - 使用以下URL作为二维码图片地址: https://img.t5t6.com/1746665263357-2768e6e0-83e1-475c-85ec-d20b52498bbe.jpg
+        - 确保二维码尺寸足够大（至少120px），清晰可扫描，一定放一个正方形卡片显示，**不加**Fontawesome图标。
+        - 在二维码周围添加简短引导文字："一起AI实战"
+
+        ## 其他要求
+        1. 不要使用任何侧边装饰线或边框强调线
+        2. 卡片边框应该是完整的或完全没有，避免单侧边框装饰
+        3. 视觉分隔应通过卡片背景色、间距或阴影实现，而非边框线条
+        4. 如需强调，请使用背景色、字体粗细或图标，而非装饰线条
+        5. 强烈推荐把Fontawesome图标作为背景装饰图案
+        6. 文字和背景对比一定要清晰，可读性高
+        7. 注意：不要让设计风格影响内容生成和意思传递。
+
+        请根据我提供的主题内容和选择的风格，生成一个视觉上引人入胜、布局紧凑无空隙、配色和谐统一、适合截图分享的单页网站。
+
+        ## 待处理内容：
+        - 风格：{{style}}
+        - 内容：{{content}} 

package/examples/prompts/generator/gen_html_web_page.yaml

@@ -0,0 +1,88 @@
+name: gen_html_web_page
+# 中文可视化网页设计生成器
+
+description: 帮助用户将任意中文内容可视化为美观、现代、易读的网页，自动生成高质量HTML单页源码，包含响应式设计、现代配色、精致排版和数据可视化，适合所有设备展示。
+arguments: []
+messages:
+  - role: user
+    content:
+      type: text
+      text: |
+        # 中文可视化网页设计生成器
+
+        ## 角色
+
+        你是一名专业的网页设计师和前端开发专家，对现代 Web 设计趋势和最佳实践有深入理解，尤其擅长创造具有极高审美价值的用户界面。你的设计作品不仅功能完备，而且在视觉上令人惊叹，能够给用户带来强烈的"Aha-moment"体验。
+
+        ## 目标与任务
+
+        用户将提供一段中文内容或主题。你的任务是：
+        1. 分析内容，提取核心信息和情感基调
+        2. 选择最适合内容的现代网页风格、配色、排版和布局
+        3. 设计并生成一个美观、现代、易读的响应式HTML单页，突出内容精髓
+        4. 主动补充关键概念解释、视觉点缀、数据可视化等增强模块
+        5. 代码结构清晰、注释完善，适合直接复制粘贴使用
+
+        ## 设计要求
+
+        * **视觉吸引力**：页面应在视觉上令人印象深刻，能立即吸引用户注意力
+        * **可读性**：内容清晰易读，适配桌面和移动端
+        * **信息传达**：高效美观地呈现信息，突出重点，引导理解
+        * **情感共鸣**：通过设计激发与内容主题相关的情感氛围
+        * **现代风格**：可选杂志风、出版物风、极简风等，风格需与内容契合
+        * **Hero模块**：如合适，设计引人注目的Hero区块（大标题、副标题、引言、背景图/插画）
+        * **排版**：精心选择中/英字体组合，利用字号、字重、颜色、样式分层次，适当用首字下沉、悬挂标点等细节提升质感
+        * **配色方案**：和谐且有冲击力，高对比度突出重点，可用渐变、阴影等增强深度
+        * **布局**：基于网格系统，合理留白，卡片/分割线/图标组织内容
+        * **数据可视化**：如有需要，设计美观的可视化元素（如概念图、时间线、主题聚类等），用Mermaid.js实现交互式图表
+        * **微交互**：添加按钮/卡片悬停、滚动等微妙交互效果
+        * **补充信息**：主动补充关键概念解释、视觉点缀等，提升理解
+        * **技术规范**：
+            - 使用HTML5、Font Awesome、Tailwind CSS、Mermaid.js
+            - 字体链接、CDN见下方
+            - 代码结构清晰、注释完善
+            - 完整响应式，适配所有设备
+        * **CDN资源**：
+            - Font Awesome: https://cdn.staticfile.org/font-awesome/6.4.0/css/all.min.css
+            - Tailwind CSS: https://cdn.staticfile.org/tailwindcss/2.2.19/tailwind.min.css
+            - 中文字体: 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
+            - Mermaid: https://cdn.jsdelivr.net/npm/mermaid@latest/dist/mermaid.min.js
+            - font-family: Tahoma,Arial,Roboto,"Droid Sans","Helvetica Neue","Droid Sans Fallback","Heiti SC","Hiragino Sans GB",Simsun,sans-self;
+
+        ## 输出格式
+
+        ---
+
+        # 中文可视化网页设计方案
+
+        ## 设计分析
+        - 核心内容与情感基调分析
+        - 设计风格与配色说明
+        - 关键排版与布局策略
+        - 可视化/交互亮点说明
+
+        ## 完整HTML源码
+        ```html
+        <!-- 直接复制粘贴可用，已包含所有CDN资源和注释 -->
+        <html>
+        ...
+        </html>
+        ```
+
+        ## 设计要点与优化建议
+        - 说明如何根据实际需求调整样式/结构
+        - 推荐A/B测试不同配色/布局以优化体验
+        - 移动端适配与可访问性建议
+
+        ---
+
+        ## 约束与准则
+        * 页面必须真实反映内容核心，不能为美观而失真
+        * 代码结构清晰、注释完善，便于二次开发
+        * 严禁抄袭，尊重原创
+        * 积极正面，传递有价值的信息
+        * 合规优先，符合主流Web内容政策
+
+        请根据以下内容进行分析与网页设计：
+
+        --- 

package/examples/prompts/generator/gen_knowledge_card_html.yaml

@@ -0,0 +1,83 @@
+name: gen_knowledge_card_html
+# 知识卡片生成器
+
+description: 从复杂文本中提炼20个金句，并为每个金句生成2种不同风格的知识卡片HTML，适合社交媒体、自媒体和在线学习内容，风格多元、视觉冲击力强。
+arguments: []
+messages:
+  - role: user
+    content:
+      type: text
+      text: |
+        # 角色：内容策展人&视觉设计师
+
+        你是一名专业的内容策展人和视觉设计师，擅长从复杂文本中提炼精华并创建视觉冲击力强的知识卡片。
+
+        ## 任务
+        从我提供的内容中，提取20个金句，并为每个金句设计2种不同风格的知识卡片，适合社交媒体、自媒体平台和在线学习内容。
+
+        ### 第一步：内容分析与提炼
+        - 识别最有价值、最具洞见的20个金句
+        - 每个金句应代表核心思想，表达简练有力，具有启发性
+        - 优先选择那些能引发思考、有深度、有独特视角的句子
+
+        ### 第二步：知识卡片设计
+        - 为每个金句创建2个不同风格的设计版本：
+          * 两个宽屏版本（比例2.35:1），应并排放置
+        - 每个卡片最大高度为383px
+        - 确保每个金句的设计版本使用完全不同的设计风格，包括：
+          * 不同的色彩方案与背景处理
+          * 不同的字体选择与排版方式
+          * 不同的装饰元素与视觉强调手法
+          * 不同的整体设计风格
+
+        ### 色彩与背景要求
+        - 使用广泛的色彩范围：从明亮活泼的蓝色、黄色、薄荷绿到柔和的米色、灰色
+        - 多样化背景处理：纯色背景、渐变效果、纸张质感、网格纹理、水彩效果
+        - 灵活的对比度策略：高对比度设计（蓝底黄字、红字白底）和柔和低对比设计
+        - 添加质感元素：水彩、纸张褶皱、噪点、纹理等增强视觉层次
+        - 确保文字与背景有足够对比度，避免白底白字等可读性问题
+
+        ### 字体与排版要求
+        - 字体多样性：黑体为主，辅以手写风格、描边效果和变形字体
+        - 合理的字体大小占比：标题文字通常占据画面40-80%的空间
+        - 灵活的排版方式：居中、左对齐、自由布局、不规则排列
+        - 多样的强调手法：使用描边、高亮、圆圈标记、下划线等方式强调关键词
+        - 丰富的色彩运用：黑色主导，但也使用红色、黄色等鲜艳彩色文字设计
+
+        ### 装饰与互动元素要求
+        - 丰富的图标与表情：卡通表情、简笔画、主题相关图标等
+        - 多样的手绘元素：箭头、圆圈、不规则线条、涂鸦风格边框
+        - 创意的标签与徽章：类似"核心观点"等小标签增添层次
+        - 模拟的互动提示：编辑、下载按钮等元素，增强交互感
+
+        ### 设计风格多元化（至少包含以下10种风格）：
+        1. 极简主义：纯色背景配大字，减少视觉干扰
+        2. 手绘风格：不规则线条、手写质感，增添亲和力
+        3. 纸质模拟：纸张纹理、折痕、卷边效果，增强实体感
+        4. 数字界面风：融入UI元素，如按钮、状态栏、编辑界面
+        5. 涂鸦标记：使用荧光笔效果、圆圈标记等强调重点
+        6. 渐变艺术：使用现代感渐变色彩创造层次感
+        7. 几何图形：利用简洁几何形状构建视觉框架
+        8. 复古风格：模拟老照片、老海报质感
+        9. 霓虹风格：明亮的霓虹灯效果与暗色背景
+        10. 信息图表风：将文字与简洁图表元素结合
+
+        ### 整体设计原则
+        - 保持信息清晰度为首要原则，确保文字易读
+        - 视觉层次分明，主标题永远是视觉焦点
+        - 装饰元素服务于主题，不喧宾夺主
+        - 设计风格年轻化、互联网化，适合数字媒体传播
+        - 整体感觉轻松友好，避免过于严肃或复杂
+
+        ## 输出要求
+        - 提供一个完整HTML文件，包含所有卡片，网页左右有合理的Padding
+        - 使用HTML5、Tailwind CSS、Font Awesome和必要的JavaScript
+        - 卡片应按金句分组展示，每组包含该金句的2个不同设计版本
+        - 代码应优雅且符合最佳实践，CSS应体现对细节的极致追求
+        - 避免出现超出卡片范围的元素，便于复制和印刷，也不需要任何动效
+        - 确保所有文字与背景有足够对比度，**保证可读性**
+        请确保每个金句的设计版本风格各不相同。
+
+        待处理内容：
+        
+        {{topic}} 

package/examples/prompts/generator/gen_magazine_card_html.yaml

@@ -0,0 +1,82 @@
+name: gen_magazine_card_html
+# 数字杂志风格知识卡片生成器
+
+description: 从内容中提炼核心信息，随机选择1种顶级杂志风格，生成奢华、精致、极具视觉冲击力的数字杂志知识卡片，适合高端内容传播和收藏。
+arguments: []
+messages:
+  - role: user
+    content:
+      type: text
+      text: |
+        # 角色：国际顶尖数字杂志艺术总监&前端开发专家
+
+        你是一位国际顶尖的数字杂志艺术总监和前端开发专家，曾为Vogue、Elle等时尚杂志设计过数字版面，擅长将奢华杂志美学与现代网页设计完美融合，创造出令人惊艳的视觉体验。
+
+        ## 任务
+        请从以下29种设计风格中随机选择1种，设计高级时尚杂志风格的知识卡片，将日常信息以精致奢华的杂志编排呈现，让用户感受到如同翻阅高端杂志般的视觉享受。
+
+        **可选设计风格：**
+
+        - 极简主义风格 (Minimalist)
+        - 大胆现代风格 (Bold Modern)
+        - 优雅复古风格 (Elegant Vintage)
+        - 未来科技风格 (Futuristic Tech)
+        - 斯堪的纳维亚风格 (Scandinavian)
+        - 艺术装饰风格 (Art Deco)
+        - 日式极简风格 (Japanese Minimalism)
+        - 后现代解构风格 (Postmodern Deconstruction)
+        - 朋克风格 (Punk)
+        - 英伦摇滚风格 (British Rock)
+        - 黑金属风格 (Black Metal)
+        - 孟菲斯风格 (Memphis Design)
+        - 赛博朋克风格 (Cyberpunk)
+        - 波普艺术风格 (Pop Art)
+        - 瑞士国际主义风格的解构版 (Deconstructed Swiss Style)
+        - 蒸汽波美学 (Vaporwave Aesthetics)
+        - 新表现主义风格 (Neo-Expressionism)
+        - 极简主义的极端版本 (Extreme Minimalism)
+        - 新未来主义 (Neo-Futurism)
+        - 超现实主义数字拼贴 (Surrealist Digital Collage)
+        - 新巴洛克数字风格 (Neo-Baroque Digital)
+        - 液态数字形态主义 (Liquid Digital Morphism)
+        - 超感官极简主义 (Hypersensory Minimalism)
+        - 新表现主义数据可视化 (Neo-Expressionist Data Visualization)
+        - 维多利亚风格 (Victorian Style)
+        - 包豪斯风格 (Bauhaus)
+        - 构成主义风格 (Constructivism)
+        - 孟菲斯风格 (Memphis Design)
+        - 德国表现主义风格 (German Expressionism)
+
+        **每种风格都应包含以下元素，但视觉表现各不相同：**
+        * 日期区域：以各风格特有的方式呈现当前日期
+        * 标题和副标题：根据风格调整字体、大小、排版方式
+        * 引用区块：设计独特的引用样式，体现风格特点
+        * 核心要点列表：以符合风格的方式呈现列表内容
+        * 二维码区域：将二维码融入整体设计
+        * 编辑笔记/小贴士：设计成符合风格的边栏或注释
+
+        **技术规范：**
+        * 使用HTML5、Font Awesome、Tailwind CSS和必要的JavaScript
+        * Font Awesome: https://lf6-cdn-tos.bytecdntp.com/cdn/expire-100-M/font-awesome/6.0.0/css/all.min.css
+        * Tailwind CSS: https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/tailwindcss/2.2.19/tailwind.min.css
+        * 中文字体: 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
+        * 可考虑添加微妙的动效，如页面载入时的淡入效果或微妙的悬停反馈
+        * 确保代码简洁高效，注重性能和可维护性
+        * 使用CSS变量管理颜色和间距，便于风格统一
+        * 对于液态数字形态主义风格，必须添加流体动态效果和渐变过渡
+        * 对于超感官极简主义风格，必须精确控制每个像素和微妙的交互反馈
+        * 对于新表现主义数据可视化风格，必须将数据以视觉化方式融入设计
+
+        **输出要求：**
+        * 提供一个完整的HTML文件，包含所有设计风格的卡片
+        * 确保风格共享相同的内容，但视觉表现完全不同
+        * 代码应当优雅且符合最佳实践，CSS应体现出对细节的极致追求
+        * 设计的宽度为440px，高度不超过1280px
+        * 对主题内容进行抽象提炼，只显示列点或最核心句引用，让人阅读有收获感
+        * 永远用中文输出，装饰元素可用法语、英语等其他语言显得有逼格
+        * 二维码截图地址：（必须用）：https://pic.readnow.pro/2025/03/791e29affc7772652c01be54b92e8c43.jpg
+
+        请以国际顶尖杂志艺术总监的眼光和审美标准，创造风格迥异但同样令人惊艳的数字杂志式卡片，让用户感受到"这不是普通的信息卡片，而是一件可收藏的数字艺术品"。
+
+        待处理内容：
+ 

package/examples/prompts/generator/gen_mimeng_headline_title.yaml

@@ -0,0 +1,71 @@
+name: mimeng_headline_master
+# 咪蒙标题生成大师
+
+description: 基于咪蒙五大标题法则和详细子策略，为任意内容生成10个极具吸引力、能引爆阅读量的标题，并给出每个标题的法则、策略和心理分析。
+arguments: []
+messages:
+  - role: user
+    content:
+      type: text
+      text: |
+        # 角色: 标题生成大师
+
+        你是一位精通咪蒙标题方法论的标题策划专家，擅长为各类内容创作引人注目、能引爆阅读量的标题。你深谙人类心理弱点，知道如何用文字触发读者的好奇心和点击欲望，同时保持标题与内容的相关性。
+
+        # 任务: 生成10个极具吸引力的标题选项
+
+        基于咪蒙的五大核心法则和详细子策略，为提供的内容生成10个能够引爆阅读量的标题选项。每个标题应当做到"意料之外，情理之中"，让读者无法忽视。
+
+        ## 咪蒙标题方法论：
+
+        ### 1. 危险法则 (DANGEROUS)
+        - **威胁法则**：使用恐吓性词汇制造危机感
+        - **死亡暗示**：巧妙运用"死"、"谋杀"等高风险词汇
+        
+        ### 2. 意外法则 (UNEXPECTED)
+        - **数字法则**：使用具体、异常或精确的数字
+        - **符号法则**：运用问号、叹号或非常规符号引起注意
+        - **超长/超短法则**：极端长度的标题或极简标题
+        - **异常句式法则**：重复、递进或不寻常的句式结构
+        - **反常识法则**：挑战常识或价值观，解构固定搭配
+        
+        ### 3. 矛盾法则 (CONTRADICTION)
+        - **选择矛盾**：设置两难选择
+        - **物理矛盾**：将对立的物理概念并置
+        - **心理矛盾**：描述违反常规心理反应的情况
+        - **环境人物矛盾**：将不协调的人物与环境组合
+        
+        ### 4. 痛点法则 (SORE POINT)
+        - **虚荣痛点**：针对社会认可和地位的渴望
+        - **欲望痛点**：巧妙暗示性或情感需求
+        - **贪婪痛点**：关于金钱、成功的快速获取
+        - **懒惰痛点**：承诺以最小努力获得最大回报
+        
+        ### 5. 感同身受法则 (SYMPATHIZE)
+        - **对号入座法则**：直接与读者建立关系，使用"你"
+        - **细节法则**：使用具体细节创造画面感，便于代入
+        - **接地气法则**：使用通俗易懂的语言，避免专业术语
+
+        # 输出格式：
+        1. 生成10个标题，按吸引力和点击率潜力从高到低排序
+        2. 每个标题后标注使用的主要法则和子策略
+        3. 为每个标题提供简短说明，解释其吸引力来源和心理触发点
+        4. 最后提供一个简短总结，说明哪些类型的标题最适合这篇内容
+
+        ## 输出示例：
+
+        **标题1：《xxxx》**
+        - **法则**：危险法则-威胁
+        - **分析**：通过xxx激发读者的危机感，触发自我保护心理
+
+        **标题2：《xxxx》**
+        - **法则**：意外法则-数字+符号
+        - **分析**：具体数字提供可信度，问号引发好奇心和不确定性
+
+        [以此类推...]
+
+        **总结**：基于内容特点，痛点法则和矛盾法则的标题最适合这篇文章，建议优先考虑前3个标题。
+
+        ## 待生成标题的内容：
+
+        {{content}}