我的前端小站

Appearance

SKills ​

  • 现状：SKills 原本是Claude提出的。现在其他智能体也可以使用开源OpenSkills方案。
  • 定义：含指令、脚本和资源的文件夹，为智能体Agent提供特定领域专业知识。
  • 原理：采用渐进式披露机制——先加载元数据判断相关性，需用时加载完整指令。文件/脚本按需加载。
  • 目的：为了解决Agent不够专业的问题，可以与MCP搭配使用。

openSkills ​

openSkills 是开源的Claude Skills通用加载器/管理工具，能多平台复用。Cursor等编辑工具也能支持。

Cursor使用步骤 ​

  1. 安装
# 安装openSkillls
npm i -g openskills

# 安装默认技能包
openskills install anthropics/skills --global
  1. 创建AGENTS.md，同步Skills
# cd 项目路径后
openskills sync
  1. 使用skills
  • 方式1：指定skills
openskills read frontend-design
帮我用HTML/CSS开发一个视频剪辑SaaS平台的首页，严格按前端设计技能规范来
  • 方式2：自动调用
帮我解析这份PDF财务报告，提取营收数据并生成Excel表格

豆包复用OpenSkills ​

  1. 用openskills read 技能名导出 Claude Skills 的SKILL.md核心内容；
  2. 把导出的内容粘贴到豆包自定义智能体 / GPTs 的角色设定中；
  3. 挂载 OpenSkills 的assets资源文件（模板 / 脚本）到知识库；
  4. 直接提需求，豆包 / GPTs 会按 Claude Skills 规则执行，效果和原生一致。

Skill_Seekers将文档生成Skills ​

Skills_Seerkers是开源工具，可以将文档转化为Claude Skills格式的技能包。

  1. 从源代码安装
git clone https://github.com/yusufkaraaslan/Skill_Seekers

pip install -e .
# 或者：指定python3的安装
python3 -m pip install -e .
  1. 创建Skill_Seekers配置文件,如 xxx.json
{
  "name": "xxxx",
  "description": "xxxx",
  "version": "1.0.0",
  "author": "智行团队",
  "base_url": "https://xxxx.com/zxtaro/xtaro-zx/docs/",
  "start_urls": [
    "https://xxxx.com/zxtaro/xtaro-zx/docs/intro"
  ],
  "url_patterns": {
    "include": [],
    "exclude": []
  },
  "selectors": {
    "main_content": "body",
    "title": "h1",
    "code_blocks": "pre code",
    "links": ".theme-doc-sidebar-menu .menu__list"
  },
  "include_patterns": [],
  "exclude_patterns": [],
  "max_pages": 500
}
  1. 运行Skill_Seekers生成Skills
skill_seekers --config xxx.json
  1. 使用生成的Skills 将Skills维护到一个git仓库中，然后通过install安装该Skills
# 安装刚刚生成的Skills
openskills install -g https://git.xxxx.com/xxxx