Skip to main content
本页内容

技能

技能帮助 JoyCode 按专门方法处理一类任务;首次使用时,进入“设置 → 扩展管理 → 技能”查看已有技能。

先理解技能的用途#

技能是一类工作的可复用说明和处理流程,例如指导怎样完成某种文档或开发任务。先在“技能”页签阅读名称和用途,再准备需要处理的文件与预期结果。普通任务可以直接描述要求,需要专门方法时再选用技能。

插件提供可安装的扩展能力;MCP用于连接外部工具服务。技能、插件和连接分别解决处理方法、扩展能力与外部服务接入的问题,可按任务需要使用。

查看任务专用技能#

切换到“技能”页签,通过名称和说明了解它处理哪类工作,并查看条目的开关状态。技能说明提供处理方法,你仍需在任务中写清目标文件、要做的事情和输出格式。可通过搜索框按名称查找技能,再核对适用范围。

功能图示 29切换到技能页
1

打开设置 → 扩展管理

2

切换到技能页签

3

查看当前页面内容

图示说明技能页签处于选中状态。

选好技能后,回到会话中写明技能名称、待处理文件和期望结果。先核对该技能的适用范围;如果任务没有采用预期方法,补充具体要求。是否完成仍以输出内容和实际验证为准。

本页先说明技能的查找与使用;下方插件例子用于说明如何配合专项工具。插件的安装、刷新和设置统一见插件,使用技能不要求先安装这里列出的每个插件。

技能与其他扩展怎么选#

你要做的事从哪里开始选择时看什么
查找某类工作的专门处理方法技能页签阅读技能用途,核对名称和开关状态。
定位代码、制作页面或测试浏览器流程插件页签阅读插件说明,确认用途、安装状态和所需配置。
连接需要账号或服务地址的外部工具MCP 扩展检查服务器条目、连接状态和认证提示。

表格可左右滑动查看完整内容。

例如,页面布局与交互实现可先了解 Frontend Design,浏览器流程测试可先了解 Playwright。各插件的用途和示例见研发辅助工具。

需要插件配合时#

  1. 打开插件页签

    进入“设置 → 扩展管理 → 插件”,在搜索框按名称查找已有条目。

  2. 查看插件详情

    打开条目阅读用途与组件;需要添加新插件时,再进入侧栏“插件中心”。

  3. 添加并检查插件

    按插件说明完成添加、启用及必要配置,回到扩展管理核对条目和开关,再到会话提出任务。

示例:配合插件制作页面#

Frontend Design 是插件名称,用于辅助前端页面的布局、样式和交互。确认已安装并启用后,选择空练习目录,并确认没有 skill-welcome.html,再复制下面的要求。不要覆盖快速入门已生成的欢迎页;可替换页面内容,保留文件范围和验收标准。

任务示例:制作欢迎页
请使用 Frontend Design 辅助制作一个 JoyCode 欢迎页。范围:只在当前空练习目录新增 skill-welcome.html,不改动已有文件;同名文件存在时停止,不覆盖。内容:包含“欢迎使用 JoyCode”标题、一句简介和“开始体验”按钮;点击后显示“已开始”。要求:页面自包含,适配手机宽度。完成后:提供文件链接、页面预览和实际检查结果。

使用任务结果#

使用技能或配套工具后,检查输出是否遵循任务中指定的方法并回应完成标准。页面任务要预览并操作按钮,代码任务要核对差异和测试;名称匹配或入口可见不能代替结果验收。

遇到的情况下一步
找不到目标插件核对名称并清空搜索条件;已有插件在扩展管理中查找,新插件到插件中心查看。
已经安装,任务仍无法使用检查插件要求的配置、启用状态和账号认证;外部服务连接问题转到 MCP 扩展。
想在消息中添加插件查看用 @ 添加上下文,从出现的候选项中选择并补充用途。

表格可左右滑动查看完整内容。

需要刷新列表、查看设置或添加入口时,继续阅读插件。

用 $ 快速引用技能#

  1. 唤起技能候选

    将光标放在聊天输入框,输入 $,查看技能候选列表;可继续输入名称缩小范围。

  2. 选择并说明任务

    选择需要的技能,核对输入区中的技能引用,再写清待处理材料、输出和完成标准。

  3. 检查实际结果

    发送后检查任务是否采用了所需方法。候选中没有该技能时,到技能页检查安装与适用范围。

实机截图输入 $codegraph 后,技能候选按名称筛选;先核对技能名称与用途,再选择。点击图片放大
实机截图选择技能后,输入区出现对应标记;继续补充材料与任务要求,再发送消息。点击图片放大

$ 用于引用技能;单独输入 @ 可选择菜单中的插件;文件使用附件按钮或文件树引用,/ 用于会话快捷操作。引用技能不会自动完成外部服务的认证。