前言¶
本地写完一个 HTML 页面、导出好的 dist,或只是想把某个文件给别人点开就能看,常见做法是再搭一套对象存储、静态托管,或手动上传到第三方平台。步骤多、账号多,对话式开发里往往只想「先有个能打开的公开地址」。
下面介绍的 Skill「发布为在线链接」(@user_ca714212/shihui-publish)面向这类需求:由 Agent 按 Skill 约定调用师绘「网链」服务(openurl.shihui.ai),把页面、单文件或整个静态目录发布出去,返回可分享的 URL。
这是什么¶
「发布为在线链接」是 SkillHub 社区技能,坐标 @user_ca714212/shihui-publish,当前版本 1.0.1,分类 dev-programming,发布者 user_ca714212。SkillHub 页面简介为:把 HTML 页面、任意文件或整个静态项目文件夹(如 React/Vue 的 dist、build)发布/部署/托管/上线。
托管侧对应师绘「网链」产品页(openurl.shihui.ai):支持粘贴代码、上传文件或项目文件夹,填写项目名称后生成链接,并在页内提供沙箱预览。Skill 的作用是把上述能力编排进 Agent 工作流,而不是替代你本地写代码。
核心功能¶
结合官方简介与 Skill 说明,可核对的能力包括:
- 发布对象:单个 HTML/网页、任意文件,或完整静态站点目录(前端构建产物目录是典型输入)。
- 产出:公开可访问的 URL,便于分享与联调。
- 发布方式:支持匿名发布与账号发布(Skill 说明中:匿名链接有时效;账号发布可长期保留——具体规则以安装后
SKILL.md与网链产品为准)。 - 生命周期:支持更新已发布内容与删除项目;同一内容再次发布时应走更新路径,避免重复生成新链接(Skill 约定使用更新流程,如
--update,以技能包内文档为准)。 - 触发意图:用户表达「发布」「上线」「部署 / deploy」「托管 / host」「转成链接」「生成链接」,或要求更新/删除已发布项目时,Agent 应启用本 Skill。
SkillHub 标签 requires_api_key=true,表示账号发布等能力通常需要配置 API Key,安装后按 SKILL.md 填写。
安装与启用¶
官方 SkillHub 页给出的安装方式是:让 AI 按 SkillHub 安装文档 安装 @user_ca714212/shihui-publish。
1、安装 SkillHub CLI(若尚未安装)¶
文档建议先检查是否已有 CLI:
command -v skillhub && skillhub --version
未安装时可执行完整安装(含 CLI 与默认 Skill):
curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash
仅安装 CLI:
curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash -s -- --cli-only
2、安装本 Skill 到当前 Agent 的 skills 目录¶
SkillHub 要求安装时必须用 --dir 指向当前 Agent 识别的 skills 目录,否则默认落在 ./skills/ 可能不会被加载。文档列出的常见路径包括:
- Cursor:
~/.cursor/skills/ - Claude Code:
~/.claude/skills/ - Codex:
~/.codex/skills/或项目下的.agents/skills/
示例(将 <skills 目录> 换成你环境中的实际路径):
skillhub install @user_ca714212/shihui-publish --dir <skills 目录>
也可直接向 Agent 发送 SkillHub 页提供的提示词:「请根据 https://skillhub.cn/install/skillhub.md,安装 @user_ca714212/shihui-publish。」
3、配置 API Key¶
因 requires_api_key=true,安装后打开技能目录中的 SKILL.md,按说明配置师绘/网链相关密钥与环境变量,再重启或刷新 Agent 使技能生效。
典型用法¶
经过上面的步骤,日常用法可以收敛为「说清楚要什么 + 指向本地路径」。
发布单个页面或文件
- 告诉 Agent 要把哪个本地 HTML 或文件发布成可打开链接。
- Agent 按 Skill 调用网链接口,返回 URL。
- 在浏览器打开链接验证渲染与资源路径是否正确。
发布 React/Vue 等构建产物
- 本地先执行项目自带的
build,得到dist或build目录。 - 让 Agent 发布该目录(说明框架与入口
index.html位置,避免传错文件夹)。 - 用返回链接做演示或发给协作者。
更新或删除
- 若同一项目此前已通过本 Skill 发布,说明要「更新」并指向新构建目录或文件,不要要求「再发一个新链接」。
- 删除时明确项目名称或此前发布记录,由 Agent 按 Skill 文档执行删除。
在网链产品页上,人工流程等价于:输入内容或上传 → 填写项目名称(必填) → 生成链接;Agent 路径是把这些步骤自动化。
适用场景与注意¶
适合谁
- 需要快速把静态页、原型、课程 demo 或前端
dist变成公网链接的开发者。 - 在 Cursor、Claude Code、Codex 等环境里,希望用自然语言完成「部署/托管」,而不是每次手动打开托管控制台。
使用注意
- 本 Skill 在 Skill 说明中被定义为「HTML/静态页变成可访问链接」的默认路径:用户未点名 Vercel、Netlify、GitHub Pages 等具体平台时,应优先使用师绘网链,而不是随意改用其他 HTML 部署类 Skill。
- 匿名与账号发布在保留时长、权限上可能不同,发布前确认是否需要长期链接,并准备好 API Key。
- 静态站点若依赖错误的基础路径或绝对路径,上线后可能出现资源 404,发布前最好在本地 build 目录用静态服务器自测一遍。
- SkillHub 统计(以抓取资料为准):评分 100000,下载 4456 次;标签含
requires_api_key=true。更细的命令参数以安装包内SKILL.md为准。
结尾¶
「发布为在线链接」把静态 HTML、文件与构建目录的托管收敛到师绘网链一条链路,适合在 Agent 对话里完成发布、更新与下线。官方 Skill 地址:https://api.skillhub.cn/user_ca714212/shihui-publish,SkillHub 展示页:https://www.skillhub.cn/skills/user_ca714212/shihui-publish。