开发需要联网unknown未标认证来源可访问许可证需确认审计未展示

html-coder（HTML coder 文档）

Agent Skill

html-coder 用于补充开发相关能力，适合在 Local Agent 中需要让 Agent 承接开发相关任务时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态，以及是否会触发联网、命令执行或文件读写。

总安装

225

周安装

下载量

Local Agent

安装说明

本站只整理中文说明和来源信息，不托管安装包，也不代用户安装。

来源数

许可证

unknown

最后核验

2026-05-01

来源状态

来源可访问

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手，先确认命令和权限，再让它执行。

请帮我安装这个 Agent Skill：html-coder（HTML coder 文档）
来源仓库：https://skills.volces.com
仓库路径：html-coder
安装命令：
安装前请先检查当前环境是否支持对应 CLI，并向我确认将要执行的命令、安装目录、联网范围和文件读写权限；确认后再执行。

命令行安装

复制命令到本机终端执行。当前暂无明确安装命令，请以来源页面说明为准。

简介

html-coder 用于补充开发相关能力。

适合在 Local Agent 中处理 HTML 相关的开发任务。
可结合项目需求生成或修改 HTML 代码，但需适配现有架构。
安装前应确认其是否涉及文件写入或外部依赖。html-coder 属于开发类 Skill，可作为该场景下的辅助能力补充。
建议在明确任务边界后使用，避免代码冲突或功能重叠。

SKILL.md

HTML Coder Skill

Expert skill for professional HTML development with focus on semantic markup, accessibility, HTML5 features, and standards-compliant web content.

When to Use This Skill

Creating HTML documents with semantic structure
Building accessible forms with HTML5 validation
Implementing responsive markup and multimedia
Using HTML5 APIs (Canvas, SVG, Storage, Geolocation)
Troubleshooting validation or accessibility issues

Core Capabilities

Semantic HTML: Document structure, content sections, accessibility-first markup
Forms: All input types, validation attributes, fieldsets, labels
Media: Responsive images, audio/video, Canvas, SVG
HTML5 APIs: Web Storage, Geolocation, Drag & Drop, Web Workers
Accessibility: ARIA, screen reader support, WCAG compliance

Essential References

Core documentation for HTML experts:

references/add-css-style.md - Add CSS via link tag, inline, or embedded in html
references/add-javascript.md - Add JavaScript via script src="link.js" tag, inline script, or embedded in html
references/attributes.md - HTML attribute essentials
references/essentials.md - Semantic markup, validation, responsive techniques
references/global-attributes.md - Complete global attribute information
references/glossary.md - Complete HTML element and attribute reference
references/standards.md - HTML5 specifications and standards

Best Practices

Semantic HTML - Use elements that convey meaning: <article>, <nav>, <header>, <section>, <footer>, not div soup.

Accessibility First - Proper heading hierarchy, alt text, labels with inputs, keyboard navigation, ARIA when needed.

HTML5 Validation - Leverage built-in validation (required, pattern, type="email") before JavaScript.

Responsive Images - Use <picture>, srcset, and loading="lazy" for performance.

Performance - Minimize DOM depth, optimize images, defer non-critical scripts, use semantic elements.

Quick Patterns

Semantic Page Structure

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Page Title</title>
</head>
<body>
  <header><nav><!-- Navigation --></nav></header>
  <main><article><!-- Content --></article></main>
  <aside><!-- Sidebar --></aside>
  <footer><!-- Footer --></footer>
</body>
</html>

Accessible Form

<form method="post" action="/submit">
  <fieldset>
    <legend>Contact</legend>
    <label for="email">Email:</label>
    <input type="email" id="email" name="email" required
           pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$">
    <button type="submit">Send</button>
  </fieldset>
</form>

Responsive Image

<picture>
  <source media="(min-width: 1200px)" srcset="large.webp">
  <source media="(min-width: 768px)" srcset="medium.webp">
  <img src="small.jpg" alt="Description" loading="lazy">
</picture>

Troubleshooting

Validation: W3C Validator (validator.w3.org), check unclosed tags, verify nesting
Accessibility: Lighthouse audit, screen reader testing, keyboard nav, color contrast
Compatibility: Can I Use (caniuse.com), feature detection, provide fallbacks

Key Standards

WHATWG HTML Living Standard: https://html.spec.whatwg.org/
WCAG Accessibility: https://www.w3.org/WAI/WCAG21/quickref/
MDN Web Docs: https://developer.mozilla.org/en-US/docs/Web/HTML

适合场景

用户想查找某类 Agent Skill 时

需要根据任务场景推荐可安装能力包时

需要对比不同来源的安装命令和来源信息时

能力概览

能力 1

按任务关键词查找相关 Skills

能力 2

展示可复制的安装命令

能力 3

保留来源站点、仓库和原始说明，方便继续核验

安装后应在对应宿主中按原始 README 的触发条件使用；具体调用方式请以来源页面和 README 为准。

平台分布

Local Agent

83.6%

按下载量换算61

安全审计

暂无安全审计结果可展示。

权限和风险

需要联网

该 Skill 可能需要联网访问来源站点、仓库或外部 API；具体网络访问范围需要结合源码和 README 复核。

安装前确认

本站仅展示第三方公开信息，不托管安装包，不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。当前只有一个来源，正式发布前建议补源仓库或其他目录站核验。

来源信息

来源页面

skills.volces.com

SKILL.md 来源

skills.sh

/site/skills.volces.com/html-coder

继续浏览同类 Skills

更多开发 Skills（21,746）返回 Skills 目录

上一个 Skill

html-coder（HTML coder 文档）

html-coder 用于辅助前端页面、组件、样式和交互逻辑开发，适合在 OpenClaw 中需要维护前端项目、生成组件或检查界面实现时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态，以及是否会触发联网、命令执行或文件读写。

下一个 Skill

html-markdown（HTML Markdown 控制）

用于辅助文档、README、Markdown、说明文和内容稿件的整理与改写。它适合让 Agent 提炼结构、补齐章节、统一术语、检查链接或把零散材料整理成可读文档。使用时应保留项目已有事实、命令和路径，不要把未确认的信息写成确定结论；涉及对外文案时，还需要控制语气，避免过度营销或夸大能力。