HTML
专注于HTML标记的编写、审查与修复，解决各类前端结构、表单、可访问性问题。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：HTML。 它的用途是：专注于HTML标记的编写、审查与修复，解决各类前端结构、表单、可访问性问题。 完整的 Skill 内容见：https://321skill.com/skills/html-x-3/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'我的联系表单在提交时没有任何反应，也没有错误提示，请帮我检查一下这段HTML代码。'，它会分析你的表单结构，检查`<form>`的`action`、`method`属性，以及提交按钮的类型，找出导致提交失效的根本原因并提供修复后的代码。或者，你可以说：'这段视频嵌入代码在移动设备上显示为空白，如何修复？'，它会检查`<video>`或`<iframe>`的响应式属性和源文件路径，确保跨设备兼容。
介绍
该Skill专门用于处理与HTML标记相关的各类疑难杂症。它能帮你解决表单字段无法提交、标签无效、自动填充错误、验证时机不当等问题；修复屏幕阅读器读取文件名、不播报内容、焦点逃逸模态框等可访问性缺陷；排查页面因图片加载而跳动、以怪异模式渲染、显示乱码等渲染异常；处理文本溢出表格、因一个未闭合标签导致半个文档变斜体等标记错误。
使用时，你可以直接描述你遇到的HTML相关问题，例如一个具体的错误现象、一段需要审查或修复的代码片段，或者一个需要实现的功能需求。Skill会分析问题并提供解决方案、修复建议或正确的代码示例。
它非常适合前端开发、全栈开发以及任何需要确保网页基础结构正确、语义清晰、可访问性良好的开发者。对于测试工程师、UI设计师和内容创作者，在涉及网页内容结构时也能从中受益。
建议在遇到纯HTML层面的问题时使用此Skill。对于涉及CSS样式、JavaScript交互逻辑、SEO策略或Markdown语法的任务，应使用对应的专门Skill。在提供问题时，尽可能详细地描述现象或提供相关代码片段，有助于获得更精准的解答。
核心特点
与通用前端或Web开发Skill相比，它高度聚焦于HTML语言本身，覆盖了从语义结构、表单、可访问性、文档头到媒体嵌入等HTML全领域，尤其擅长诊断和修复那些隐蔽、怪异且难以定位的标记层问题。
注意事项
不适用于处理CSS样式布局、JavaScript DOM操作、SEO排名策略或Markdown语法转换等非HTML核心领域的问题。
常见问题
如何修复表单自动填充总是选错输入框的问题？
提供你的表单HTML代码，Skill会检查`<label>`的`for`属性与`<input>`的`id`是否匹配，以及`autocomplete`属性设置是否正确，并给出修复建议。
屏幕阅读器没有正确读出我的按钮内容怎么办？
Skill会审查按钮的HTML结构，检查是否缺少必要的可访问性属性（如`aria-label`），或是否存在语义化标签使用不当的问题，并提供符合WCAG标准的修复方案。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/html-x-3/raw/index.md 读取 HTML 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/html-x-3/raw/index.md（查看排版版本）