✍️ 如何创建和编辑 Sopilot 提示词

Share:

2024/3/20

详细介绍如何在 Sopilot 中创建和编辑提示词,包括提示词模板的使用、参数配置、发布等功能。让你的 AI 助手更智能,工作更高效!

Sopilot 提示词功能概述

Sopilot 提供了强大的提示词编辑功能,让用户可以创建、编辑和管理自己的 AI 提示词。通过自定义提示词,你可以让 AI 助手更好地理解你的需求,根据你的需求风格生成专属内容,并可以在提示词中嵌入你的产品和个人专属信息,从而更好的推广你的产品。提示词可以用于多种场景,如聊天对话、表单生成、内容创作、图片生成、视频录制和社交分享等。

主要功能包括:

  • 提示词创建和编辑
  • 提示词模板使用
  • 多种操作类型支持
  • 自定义输入参数
  • 网站范围限制
  • 提示词发布为模板

前期准备

在开始之前,请确保:

  • 已安装 Sopilot Chrome 插件
  • 已使用 Google 账号登录 Sopilot
  • 已了解基本的提示词编写规则

详见安装步骤:如何安装 Sopilot Chrome 插件

详细操作指南

1. 创建新的自定义提示词

1.1 从模板创建

使用模板

  • 在首页或提示词模板库中选择合适的模板
  • 点击"使用模板"按钮
  • 系统会自动填充模板的默认内容
  • 根据需要修改内容

1.2 从头创建

新建提示词

  • 点击首页右侧控制台,再点击我的提示词,点击右侧的"新建提示词"按钮
  • 填写必要的基本信息
  • 编写提示词内容
  • 配置相关参数并保存

1.3 使用Sopilot插件创建

  • 点击Sopilot插件悬浮图标,选择设置菜单
  • 选择"新建提示词"
  • 填写必要的基本信息
  • 编写提示词内容
  • 配置相关参数并保存 新建提示词

2. 基本信息配置

新建提示词

2.1 名称和描述

  • 名称:为提示词取一个简洁明了的名称(必填)
  • 描述:添加对提示词功能的简要说明(选填)

2.2 提示词内容

  • 在提示词编辑框中输入详细的提示词内容

  • 支持使用特殊变量和表达式来获取页面内容:

    • {title} - 获取页面标题
    • {content} - 获取页面内容
    • {description} - 获取页面描述
    • {textContent('div')} - 获取指定元素的文本内容, {textContent('')}参数为空获取页面的所有文本内容
    • {innerHTML}/{outerHTML} - 获取 HTML 内容,用法同上
    • 支持for和if的嵌套表达式(在for里面使用上面函数用$开头),如:
    for [data-testid="tweet"] {
      tweet$index: 
      author: $textContent('[data-testid="User-Name"]')
      content: $textContent('[data-testid="tweetText"]')
      for div[aria-label][role="group"] {
        stat: $attr('aria-label')
      }
    }
    
    for [data-testid="DmActivityViewport"] [data-testid="cellInnerDiv"] {
      if div[data-testid="messageEntry"]{
          用户说: $textContent(div[data-testid="messageEntry"])
      }
      if button[data-testid="messageEntry"] {
          我说: $textContent(button[data-testid="messageEntry"])
      }
     }
    
    for [data-testid="tweet"] {
     tweet$index: 
     author: $textContent('[data-testid="User-Name"]')
     content: $textContent('[data-testid="tweetText"]')
     if [data-testid="videoComponent"] {
         video: https://x.com/i/status/$attr('[data-testid="User-Name"] a[dir="ltr"]','href')[3]/video/1
     }
     if [data-testid="card.layoutLarge.media"] {
        link: $attr('[data-testid="card.layoutLarge.media"] a', 'href')
     }
     if a[href$="/photo/1"] {
       image: https://x.com$attr('a[href$="/photo/1"', 'href')
     }
    }
    

    在插件环境下编辑提示词时,可以点击右上角的“解析”按钮,对当前页面尝试进行解析,可以通过这种方式来快速测试表达式是否符合预期

3. 操作类型设置

支持以下操作类型:

  • 聊天(chat):与 AI 助理进行持续对话,对话输出的结果也可以复制、修改或快速插入到当前页面
  • 表单生成(genForm):自动根据表单存在的字段来生成和填充表单内容
  • 生成内容(genContent):根据页面内容生成内容,并自动填充到输入框中
  • 生成图片(genImg):根据提示词生成图文卡片,并插入到当前页面的图片上传组件中
  • 视频录制(recordVideo):启动录制视频的操作
  • 快速分享(share):一键根据当前页面内容生成精彩的分享文案,并快速分享到多个社交媒体 后续会支持更多的操作类型,不断扩大AI的能力边界,支持更多使用场景。

4. 其他高级配置

4.1 DOM 元素选择器

  • 在"操作 DOM"字段中填写 CSS 选择器
  • 用于AI生成内容后插入到的指定DOM中,一般是文本输入框的DOM

4.2 按钮插入位置

  • 配置提示词触发按钮的插入位置
  • 使用 CSS 选择器指定位置 填写此字段后,会在该DOM后面插入一个Sopilot的图标按钮,点击后会触发提示词的执行

4.3 运行环境

  • 当前支持 Chrome 浏览器环境

4.4 卡片生成

  • 开启后可生成精美的展示卡片
  • 适用于分享和展示场景

5. 输入参数配置

可以配置最多 3 个自定义输入参数:

  • 点击"+"图标添加新的输入参数
  • 参数将在提示词执行时弹出一个对话框提供给用户填写 新建提示词 参数为文本或json格式,如果为文本则为文本输入框参数。如果为json格式,支持以下格式参数:
    {
    "title": "参数标题",
    "placeholder": "输入框提示文本",
    "options": ["选项1", "选项2", "选项3"]    //如果存在options参数则为下拉框选项
    }
    

6. 网站范围限制

  • 在文本框中每行输入一个网址
  • 支持通配符匹配和正则表达式匹配,如:*.example.com
  • 提示词将只在指定的网站上生效

提示词保存后,会自动下发更新到Sopilot插件中,插件会根据提示词的网站范围限制,来决定是否显示提示词的触发按钮。

7. 模板管理

7.1 发布为模板

  • 如果你创建了比较有价值的提示词,并且其他用户也可能会用到,可以点击"发布为模板"按钮,分享给其他用户使用
  • 管理员审核通过即可公开展示在模板库中
  • 被设为精选的模板将显示在首页的精选模板库中。

7.2 更新模板

  • 如果你是模板的作者,你在修改自己的提示词时,可以点击"更新模板"按钮,将当前修改同步到模板库
  • 模板更新也需要管理员审核通过后,才公开到模板库中

使用技巧

  1. 提示词编写

    • 使用清晰、具体的指令
    • 合理利用各种参数变量获取页面信息,编写prompt时可以点击解析按钮进行表达式有效性的测试
    • 避免过于复杂的逻辑
  2. 参数设置

    • 合理使用输入参数
    • 给参数设置有意义的提示文本
    • 控制参数数量,避免过多
  3. 网站限制

    • 精确设置作用范围
    • 使用通配符提高灵活性
    • 避免过于宽泛的匹配

获取帮助

如果你在使用过程中遇到问题:

现在你已经掌握了 Sopilot 提示词编辑的所有要点。开始创建你的第一个提示词吧! 如果在使用过程中遇到问题,可以随时查看本指南或联系我们的支持团队。

Share:

评论

暂无评论

- 内容来源于网络,如有侵权请联系立即删除 -