-
AI智能体提示词大全
AI智能体提示词大全 项目概述 本提示词大全基于对多个开源AI提示词仓库的深入研究和分析,系统整理了提示词的分类、类型、模板和最佳实践。旨在帮助用户更好地设计和优化提示词,充分发挥AI模型的能力。 一、主要开源AI提示词仓库 1. Awesome ChatGPT Prompts GitHub地址:https://github.com/f/awesome-chatgpt-prompts 星标数量:超过12万星标 特点:由土耳其开发者Fatih Kadir Akın发起,系统整理了160+经过验证的优质Prompt模板,覆盖编程、写作、设计等20+场景 官方网站:https://prompts.chat/ 优势:即点即用的傻瓜操作,每个Prompt旁都配有「复制」图标;支持模板共建,任何人都能提交新的Prompt模板 2. Prompt Engineering Guide GitHub地址:https://github.com/dair-ai/Prompt-Engineering-Guide 星标数量:超过3万星标 特点:由DAIR.AI发起的开源项目,提供了一份全面的提示工程指南,包含最新的论文、学习资源、讲座和工具 优势:文档丰富,适合初学者和专业人士,涵盖LLM提示的最佳实践 3. Mr.-Ranedeer-AI-Tutor GitHub地址:https://github.com/JushBJJ/Mr.-Ranedeer-AI-Tutor 特点:一个基于GPT-4的开源AI辅导助手,支持深度定制学习体验,提供从小学到博士后级别的教育支持 优势:灵活配置学习风格、沟通方式和语气,适合编程、数学等多领域学习 4. PromptWizard GitHub地址:https://github.com/microsoft/PromptWizard 特点:微软开源的自动化提示优化框架,通过自我演化和反馈机制优化LLM提示,提高准确性和效率 适用场景:情感分析、智能教育、医疗诊断等 优势:集成反馈驱动优化,减少API调用成本,性能卓越 5. best-chinese-prompt GitHub地址:https://github.com/K-Render/best-chinese-prompt 特点:由K-Render整理的中文提示词集合,主要针对ChatGPT场景,提供实用提示词示例 优势:专注于中文用户,结合飞书文档共享,适合快速上手 6. AI-Prompt-Library GitHub地址:https://github.com/myyjs1/AI-Prompt-Library 特点:一个收集和管理高质量AI提示词的库,覆盖编程、写作、绘画等领域,提供精准的提示词示例 优势:海量提示词资源,分类清晰,适合多场景应用 7. Prompt-Engineering-Guide-zh-CN GitHub地址:https://github.com/yunwei37/Prompt-Engineering-Guide-zh-CN 特点:Prompt Engineering Guide的中文翻译版本,提供与英文版一致的资源 优势:本地化内容,适合中文开发者参考 8. 系统提示词开源仓库 GitHub地址:https://github.com/x1xhlol/system-prompts-and-models-of-ai-tools 特点:收录了多个AI开发工具的系统提示词,包括Cursor、V0.dev、Bolt.new等 内容:涵盖了工具的身份设定、行为规范、输出格式等多个方面 9. 其他相关项目 LangGPT:结构化提示词方法论的实践,开源地址:github.com/langgptai/L… AutoGen:微软开源的多代理对话框架,源码:https://github.com/microsoft/autogen AutoGPT:自主AI代理项目,源码:https://github.com/Significant-Gravitas/AutoGPT Dify:开源AI应用开发平台,支持通过提示词定制LLM行为,源码:https://github.com/langgenius/dify 二、提示词分类体系 一、按功能分类 1. 角色设定类提示词 定义:让AI扮演特定角色,以该角色的专业知识和视角完成任务。 典型应用场景:专业咨询、教育指导、创意协作 示例: 你是一位资深的前端开发工程师,拥有10年React开发经验。请解释一下什么是React Hooks,并举例说明useState和useEffect的使用场景。 2. 任务指令类提示词 定义:直接明确地要求AI完成特定任务,注重任务的具体要求。 典型应用场景:内容创作、数据处理、问题解答 示例: 请总结以下文章的主要观点,不超过200字。文章内容:[文章内容] 3. 格式约束类提示词 定义:指定AI输出的格式和结构,确保输出符合特定需求。 典型应用场景:数据整理、报告生成、代码格式化 示例: 请将以下数据转换为JSON格式,包含id、name、value三个字段:苹果,5元;香蕉,3元;橙子,4元。 4. 上下文提供类提示词 定义:提供背景信息和上下文,帮助AI更好地理解任务和生成准确的响应。 典型应用场景:复杂问题解决、决策支持、情境分析 示例: 背景:我正在开发一个电商网站,目前需要设计购物车功能。用户需求包括:添加/删除商品、修改数量、计算总价、应用优惠券。请为这个功能设计一个清晰的界面流程。 5. 创意生成类提示词 定义:激发AI的创造力,生成新颖的想法、概念或内容。 典型应用场景:内容创作、产品设计、营销策略 示例: 请为一款面向年轻人的咖啡品牌设计5个有创意的广告语,要求简洁、有记忆点、符合年轻人的语言风格。 二、按应用场景分类 1. 编程与开发 示例: 你是一个Python专家。请帮我编写一个函数,用于计算斐波那契数列的第n项,要求使用递归方式实现,并添加适当的注释。 2. 内容创作 示例: 请以"人工智能时代的工作变革"为主题,写一篇800字左右的议论文,要求观点明确、论据充分、结构清晰。 3. 教育培训 示例: 你是一位高中数学老师。请用简单易懂的语言解释一下微积分中的导数概念,并举例说明其在实际生活中的应用。 4. 商业分析…
-
GSAP (GreenSock Animation Platform) 架构分析
GSAP (GreenSock Animation Platform) 架构分析 本文链接: https://www.weekr.net/index.php/2025/09/06/gsap-greensock-a…on-platform-架构分析/ 1. 技术栈 GSAP是一个高性能的JavaScript动画库,主要技术栈和依赖如下: 核心语言:JavaScript (ES6+) 构建输出:支持ES模块(ESM)、UMD等多种格式 无外部依赖:零依赖设计,可独立运行 浏览器支持:兼容所有主流浏览器,包括IE11 集成支持:可与React、Vue、Angular、WebGL等多种框架和技术集成 文件格式:提供开发版和压缩版(.min.js),以及源码映射文件(.map) 2. 整体架构 GSAP采用模块化、插件化的分层架构设计,主要包括以下几个层面: 核心架构图 ┌────────────────────────────────────────────────────────────┐ │ 插件层 (Plugins) │ │ CSSPlugin, ScrollTrigger, MotionPathPlugin, SplitText等 │ ├────────────────────────────────────────────────────────────┤ │ 功能层 (Core Features) │ │ Tween (补间动画), Timeline (时间线), Animation (基础动画) │ ├────────────────────────────────────────────────────────────┤ │ 工具层 (Utilities) │ │ Easing (缓动函数), Observer (事件监听), Utils (工具函数) │ └────────────────────────────────────────────────────────────┘ 核心组件 Animation类:所有动画的基类,提供动画控制的核心功能 Tween类:补间动画的实现,负责在指定时间内插值计算属性变化 Timeline类:时间线,用于编排和控制多个动画的时序 GSCache类:缓存系统,优化属性访问和动画性能 插件系统:通过registerPlugin()机制扩展核心功能 通信机制 核心与插件通信:通过统一的插件注册和调用接口 动画间通信:通过时间线(Timeline)的父子层次结构 属性访问与设置:通过高效的缓存系统和属性访问器 渲染循环:使用requestAnimationFrame实现高性能动画渲染 3. 核心工作机制 动画创建与执行流程 以一个典型的GSAP补间动画为例,详细说明其工作流程: 初始化阶段 通过gsap.to()等方法创建补间动画实例 解析目标元素、动画属性和配置选项 根据目标元素类型选择合适的插件(harness)处理属性 注册到全局时间线(_globalTimeline) 属性计算阶段 收集初始属性值 解析目标属性值和缓动函数 创建属性补间(PropTween)对象 计算插值参数和动画曲线 动画执行阶段 渲染循环通过requestAnimationFrame触发 根据当前时间计算动画进度(ratio) 应用缓动函数转换进度值 根据转换后的进度计算属性的当前值 通过插件系统设置目标元素的属性 触发相应的回调函数(onUpdate, onComplete等) 动画控制阶段 支持暂停(pause)、播放(play)、重播(reset)、反转(reverse)等操作 支持时间缩放(timeScale)调整动画速度 支持进度控制(progress)直接跳转到特定位置 支持事件监听和回调系统 插件工作机制 GSAP的插件系统允许功能扩展,每个插件通过以下机制工作: 通过gsap.registerPlugin(Plugin)注册插件 插件实现init()方法处理特定属性的初始化 插件实现render()方法处理特定属性的插值和设置 核心引擎在适当的时机调用插件的相应方法 4. 目录结构 GSAP项目采用清晰的模块化结构组织代码,主要目录和文件的作用如下: ├── src/ #…
-
Theatre.js 技术架构分析
Theatre.js 技术架构分析 项目概览 Theatre.js是一个带有GUI的JavaScript动画库,为DOM、WebGL和任何其他JavaScript变量制作动画。它专为高保真度的运动图形设计,帮助开发者表达详细的动画效果,创建复杂的动作和传达细微差别。 1. 技术栈 编程语言: TypeScript 5.1.6 构建工具: Yarn Workspaces 3.6.3, Lerna, esbuild 核心依赖: @theatre/dataverse: 内部FRP状态管理库 React 18.2.0: 用于GUI界面 styled-components: 样式管理 immer: 不可变数据操作 lodash-es: 工具函数库 包管理: Yarn 3.6.3 测试: Jest 代码规范: ESLint, Prettier, husky 2. 整体架构 Theatre.js采用模块化的monorepo架构,主要包含以下核心组件: @theatre/dataverse: 功能性响应编程(FRP)库,提供状态管理基础 @theatre/core: 核心运行时库,提供Project、Sheet、SheetObject等API @theatre/studio: GUI编辑器,提供可视化界面编辑动画 @theatre/react: React集成 @theatre/r3f: Three.js React集成 整体架构遵循分层设计原则,dataverse提供底层状态管理,core构建在dataverse之上提供业务逻辑,studio则提供用户界面。组件间通过明确的API边界进行通信。 3. 核心工作机制 Theatre.js的核心工作机制基于层次化的数据结构、响应式状态管理和时间控制三大支柱,共同实现了高性能、可扩展的动画系统。 3.1 层次化数据结构 Theatre.js采用清晰的三层层次结构组织动画元素: Project(项目): 最高级别的容器,管理多个Sheet 负责项目级配置、状态加载和资源管理 通过theatre.getProject()创建或获取 Sheet(工作表): 管理一组相关的SheetObject 包含Sequence(时间轴)用于动画编排 通过project.sheet()创建 SheetObject(对象): 包含可动画化的属性集合 通过sheet.object()创建,定义属性结构 提供props和value接口访问和监听属性变化 这种层次结构使得复杂的动画项目可以被组织成逻辑清晰的模块,便于管理和维护。 3.2 响应式状态管理 Theatre.js使用自主开发的@theatre/dataverse库实现函数式响应式编程(FRP),这是其核心工作机制的基础: Atom: 可变状态的基本单元,类似于ReactiveX的Subject或Redux的store Pointer: 指向Atom中特定路径的引用,允许精确访问状态的子集 Prism: 基于其他状态派生出的计算值,类似于Vue的computed或Redux的selector 通过这种机制,Theatre.js实现了: 高效的状态更新,只通知相关的监听器 自动依赖跟踪,避免不必要的重新计算 不可变数据模式,确保状态变更的可预测性 3.3 动画与时间控制 Theatre.js的动画系统由以下核心组件构成: Sequence: 时间轴控制器,提供动画播放、暂停、定位等功能 支持循环播放、速度控制、方向控制 可以连接音频进行同步 通过sheet.sequence访问 RafDriver: 控制动画的时间推进机制 默认使用requestAnimationFrame实现60fps动画 支持自定义实现,用于集成其他动画库或特殊场景(XR) 通过createRafDriver()创建自定义驱动 关键帧系统: 支持复杂的动画曲线定义 提供贝塞尔曲线、保持等插值类型 支持手柄调整实现精确的动画控制 关键帧数据存储在项目状态中 3.4 数据流工作流程 一个典型的Theatre.js动画数据流如下: 初始化阶段: 创建Project、Sheet和SheetObject 定义属性结构和初始值 (可选)加载保存的项目状态 动画设置阶段: 通过API或Studio定义关键帧…
-
Mo.js 项目技术架构分析
Mo.js 项目技术架构分析 1. 技术栈 Mo.js (发音为”mox”) 是一款面向网页的动画图形工具包,采用以下核心技术栈: 主要编程语言:JavaScript(主要)、CoffeeScript(部分实现)参考来源1 图形渲染技术:SVG(可缩放矢量图形)、HTML5 Canvas 参考来源1、参考来源2 构建工具:支持通过Webpack、Rollup等JavaScript打包工具使用 参考来源1 包管理:可通过npm、yarn安装,或使用CDN直接引用 参考来源1 浏览器兼容性:兼容现代浏览器和IE9+ 参考来源2 2. 整体架构 Mo.js 采用模块化、轻量级的架构设计,其核心架构特点如下: 架构类型 模块化设计:将动画功能拆分为独立模块,便于维护和扩展 参考来源1 单库架构:采用单体库设计,通过统一的API提供所有动画功能 声明式API:提供简洁直观的声明式语法,降低使用门槛 参考来源1 核心组件 动画引擎:负责时间和空间控制,支持动画的播放、暂停、恢复等操作 参考来源2 图形渲染系统:基于SVG和Canvas实现高性能、分辨率无关的图形渲染 参考来源1、参考来源2 组件系统:提供形状、旋转、爆炸等预定义组件,便于快速创建复杂动画 参考来源1 时间线管理:支持顺序或同时播放多个动画,实现复杂的动画编排 参考来源3 缓动系统:内置多种缓动函数,支持自定义缓动效果 参考来源2 组件通信 基于事件的通信:支持通过事件驱动的方式触发和控制动画 参考来源3 统一的API接口:所有组件通过一致的API进行操作和配置 3. 核心工作机制 Mo.js 的核心工作机制围绕动画的创建、配置和控制展开,主要包括以下流程: 动画创建与配置流程 实例化动画对象:通过 new mojs.Html()、new mojs.Shape() 等方式创建动画对象 参考来源1 配置动画参数:通过声明式API设置动画的各种属性,如持续时间、延迟、重复次数等 定义动画变换:指定元素的位置、大小、颜色、透明度等属性的变换规则 编排动画序列:利用时间线功能组合多个动画,实现复杂的动画效果 动画渲染机制 基于requestAnimationFrame:利用浏览器的requestAnimationFrame API实现高效的动画渲染 SVG/Canvas渲染:根据动画类型选择合适的渲染引擎,确保最佳性能和视觉效果 分辨率自适应:基于SVG的特性,确保动画在不同分辨率的设备上都能保持清晰 参考来源2 事件驱动模型 Mo.js 支持通过事件触发和控制动画,主要事件包括: 鼠标点击事件 页面滚动事件 自定义事件 通过事件绑定,可以实现交互式的动画效果,提升用户体验 参考来源3。 4. 目录结构 虽然无法直接查看Mo.js的源码仓库,但根据公开资料,其目录结构大致如下: mojs/ ├── src/ # 源代码目录 │ ├── tween.js # 补间动画核心实现 │ ├── animation.js # 基础动画类 │ ├── shape.js # 形状动画实现 │ └── ... # 其他功能模块 ├── dist/ # 构建输出目录 │ ├── mo.min.js # 压缩后的生产版本 │ └── mo.js…