AI导哈

HTML发布插件市场

为AI代理提供HTML工具创建和管理的工作流程指导，作为Claude Code插件市场的一部分。

  • by cti1650
  • JavaScript
  • 混合部署
  • 1 星标
  • 更新于
在 GitHub 查看 cti1650/html-publisher-skills

使用说明

html发布者技能

HTML发布器 分发用于MCP服务器的Claude Code插件的市场应用程序。

概要

AI代理使用HTML Publisher制作·管理HTML工具时的工作流引导的技能集，作为Claude Code插件市场广场提供。

前提: 必须另外设置HTML Publisher MCP服务器。

收录插件

html-publisher-skills

技能｜说明｜ |--------|------| | publish-html 创建、更新、发布HTML内容工作流（支持永久/易失性模式） | manage-tools ｜工具一览确认、二维码共享、Gist管理｜

相应的HTML Publisher功能

此技能集将跟踪HTML Publisher的以下功能：

  • 永久模式：保存在GitHub Gist中的传统发布方式
  • 挥发模式（cache、ephemeral: true）：高速缓存保存到Upstash Redis等。从上次访问开始约5-6小时自动删除。非常适合哈卡森临时共享用途
  • 匿名访问自动挥发：无API密钥的访问自动切换到易失性模式（永久Gist写入需要认证）
  • 内置MCP服务器 how_to_use 工具：未部署技能的客户机也可以获得使用指南

安装

从市场广场安装（推荐）

# マーケットプレイスを追加
claude plugin marketplace add cti1650/html-publisher-skills

# プラグインをインストール
claude plugin install html-publisher-skills@html-publisher-marketplace

本地测试

git clone https://github.com/cti1650/html-publisher-skills.git
claude --plugin-dir ./html-publisher-skills

Claude Web版（claude.ai）

发布中描述的场景，使用以下步骤创建明细表，以便在概念设计中分析体量的体积。

  • publish-html.zip
  • manage-tools.zip

zip的生成 npm run build 但是可以。

更新

# マーケットプレイスを最新に更新
claude plugin marketplace update html-publisher-marketplace

# プラグインを再インストール
claude plugin install html-publisher-skills@html-publisher-marketplace

卸载

# プラグインを削除
claude plugin uninstall html-publisher-skills@html-publisher-marketplace

# マーケットプレイスを削除（プラグインも一緒に削除される）
claude plugin marketplace remove html-publisher-marketplace

配置MCP服务器

此插件需要连接到HTML Publisher MCP服务器。

挥发模式专用（不需要API键）

如果使用公开部署的实例，或者不需要持久化，则可以无API密钥连接。在这种情况下，创建的工具将以“自上次访问起约5到6小时”自动删除的挥发模式固定运行。

{
  "mcpServers": {
    "html-publisher": {
      "url": "https://your-domain.com/api/mcp/mcp"
    }
  }
}

专用stdio客户端：

{
  "mcpServers": {
    "html-publisher": {
      "command": "npx",
      "args": ["-y", "mcp-remote", "https://your-domain.com/api/mcp/mcp"]
    }
  }
}

支持永久模式（有API密钥认证）

想要永久保存在GitHub Gist中 import_gist 想要使用的话，请用API密钥认证连接。

{
  "mcpServers": {
    "html-publisher": {
      "url": "https://your-domain.com/api/mcp/mcp?key=your-api-key"
    }
  }
}

专用stdio客户端：

{
  "mcpServers": {
    "html-publisher": {
      "command": "npx",
      "args": ["-y", "mcp-remote", "https://your-domain.com/api/mcp/mcp?key=your-api-key"]
    }
  }
}

开発

目录结构

html-publisher-skills/                    # マーケットプレイスルート
├── .claude-plugin/
│   └── marketplace.json                  # マーケットプレイス定義
├── plugins/
│   └── html-publisher-skills/            # プラグイン（複数追加可能）
│       ├── .claude-plugin/
│       │   └── plugin.json               # プラグインマニフェスト
│       └── skills/
│           ├── publish-html/SKILL.md
│           └── manage-tools/SKILL.md
├── scripts/
│   └── build-zip.mjs                     # zipビルドスクリプト
└── package.json

添加新插件 plugins/ 创建目录，然后单击.claude-plugin/marketplace.json 的，之 plugins 请在数组中添加条目。

构建

npm run build

dist/ 中生成：

文件｜用途｜ |---------|------| | html-publisher-marketplace.zip 一套商场（脱机分发用） | html-publisher-skills.zip ｜个别插件（--plugin-dir 用） | | publish-html.zip 用于导入Claude Web版（个别技能） | manage-tools.zip 用于导入Claude Web版（个别技能）

验证

claude plugin validate .

关于命令

  • claude plugin ... 格式为CLI模式（可在任何地方执行）
  • /plugin ... 格式仅在Claude Code交互式会话中可用
  • 两者都提供同等的功能

许可证

麻省理工学院

相关 MCP