mcpField
H
html

html

github.com/eliasstravik设计与 UI2156 次安装5 天前更新
代码仓库

关于 html

html 是用于创建或修改独立、响应式 HTML 界面的技能。它规定了文件位置、本地静态服务器以及交付前的页面验证步骤。

主要功能

  1. 01创建或修改 HTML 文件
  2. 02响应式语义化界面结构
  3. 03提供无障碍控件
  4. 04本地提供并验证页面

适用场景

  1. 01创建新的 HTML 界面
  2. 02修改指定的 HTML 文件
  3. 03交付前在本地检查页面

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/eliasstravik/skills --skill html

安装后在 Claude Code 中输入/html确认已加载。

详细介绍

HTML

流程

  1. 在提供的 HTML 状态根目录内解析 ARTIFACT_DIR，否则使用展开后的 ~/.html：原地修改指定名称的产物，或为新任务创建由三个随机小写单词组成的 slug。
  2. 除非用户指定其他入口文件，否则只将 ARTIFACT_DIR/index.html 写为完整、自包含、忠实于源内容且响应式的界面，并采用语义化结构和无障碍控件。
  3. 在 127.0.0.1 上为 ARTIFACT_DIR 启动长期运行的静态服务器，并使用一个空闲的非通用端口。
  4. 使用任务运行目录中的文件验证确切的 http://127.0.0.1:<PORT>/index.html；如果绑定或获取失败，则从第 3 步开始并改用其他端口重试，并在交接期间保持已验证的服务器运行。
  5. 回复内容必须严格为 HTML file: <absolute entry-file path>，然后是 HTML: [Open locally](<verified /index.html URL>)；如果无法验证服务器，则省略链接，并提供路径及一条简短原因。

详情

  • 将 python3 -m http.server "$PORT" --bind 127.0.0.1 --directory "$ARTIFACT_DIR" 作为长期运行工具会话的前台命令运行；不要在即将退出的 shell 中将其置于后台或分离运行。

评论

支持 Markdown