HTML
专注于HTML代码的编写、审查与修复，解决语义、表单、可访问性等核心问题。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：HTML。 它的用途是：专注于HTML代码的编写、审查与修复，解决语义、表单、可访问性等核心问题。 完整的 Skill 内容见：https://321skill.com/skills/html-x-10/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'请审查这段HTML表单代码，为什么提交按钮有时无效？并检查其可访问性。'，它会分析代码结构，检查`<form>`标签的属性和提交逻辑，验证`<label>`与`<input>`的关联是否正确，并指出可能存在的ARIA属性缺失或键盘导航问题，提供修复建议。
介绍
这个Skill专门处理与HTML标记语言相关的各类问题。它能够编写、审查和修复HTML代码，确保其语义结构正确、表单功能正常、可访问性良好，并优化文档头部、媒体嵌入等关键部分。
当您遇到表单字段无法提交、标签无效、自动填充错误或验证时机不对时；当屏幕阅读器读取文件名、无内容播报或焦点跳出模态框时；当页面因图片加载而跳动、以怪异模式渲染或出现乱码时；当文本溢出表格或因一个未闭合标签导致大片文档变为斜体时；当链接预览、网站图标或富媒体搜索结果缺失时；当<dialog>、<details>、popover或<template>等元素行为异常时；当iframe或视频嵌入保持空白时；当HTML邮件在Outlook中崩溃时；以及当需要安全渲染不受信任的HTML而避免XSS攻击时，都可以使用它。
它非常适合前端开发、全栈开发、UI设计师以及任何需要确保网页基础结构正确、功能完整且符合标准的角色。对于内容创作者和文档工程师，在制作需要良好结构化和可访问性的网页内容时也很有帮助。
使用建议：在项目开发、代码审查或问题排查阶段，针对具体的HTML相关问题进行提问。请注意，它不处理CSS样式布局、JavaScript DOM脚本、SEO排名策略或Markdown转换，这些问题应使用对应的专门Skill。
核心特点
与通用前端或全栈Skill不同，它深度聚焦于HTML语言本身，覆盖了从语义结构、表单交互、可访问性到文档头优化、媒体嵌入、HTML邮件兼容性乃至安全渲染（防XSS）等极其广泛且具体的HTML问题场景，是专门针对HTML标记语言的“专科医生”。
注意事项
不适合处理CSS样式与布局、JavaScript交互逻辑、SEO策略优化或Markdown文档转换。
常见问题
这个Skill能帮我写CSS样式吗？
不能。它专注于HTML标记的编写、审查和修复，不处理CSS样式和布局问题，请使用专门的CSS Skill。
可以用它来调试JavaScript交互吗？
不可以。它不涉及DOM脚本和JavaScript交互逻辑，相关问题应使用JavaScript Skill。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/html-x-10/raw/index.md 读取 HTML 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/html-x-10/raw/index.md（查看排版版本）