HTML
专注于编写、审查和修复HTML标记，解决语义、表单、可访问性等核心问题。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：HTML。 它的用途是：专注于编写、审查和修复HTML标记，解决语义、表单、可访问性等核心问题。 完整的 Skill 内容见：https://321skill.com/skills/html-x/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘我的表单提交按钮点击后没有任何反应，帮我检查一下这段HTML代码。’ 它会分析你的代码，指出可能缺少`type="submit"`属性、表单元素未正确嵌套或存在阻止提交的JavaScript错误，并提供修复后的代码。或者，你可以说：‘如何让这个图片列表在加载时页面不跳动？’ 它会建议使用`width`和`height`属性、`loading="lazy"`或CSS宽高比盒子技术来优化。
介绍
本技能专门用于处理HTML相关的各类疑难杂症。它能解决表单提交失败、标签无响应、自动填充错误、验证时机不当等交互问题；修复屏幕阅读器读取异常、焦点逃逸模态框等可访问性缺陷；诊断页面加载时跳动、怪异模式渲染、乱码显示等渲染问题；纠正文本溢出表格、因未闭合标签导致大面积样式错乱等结构错误；补充缺失的链接预览、网站图标和富媒体搜索结果；调试<dialog>、<details>、弹出框或<template>等现代元素的行为异常；排查iframe或视频嵌入空白、HTML邮件在Outlook中崩溃等问题；并确保渲染不受信任的HTML时没有XSS风险。
使用时，只需向AI描述你遇到的HTML相关问题或展示相关代码片段，它便会提供诊断、修复建议或直接生成正确的HTML代码。无论是审查现有代码、修复已知Bug，还是从零开始构建符合标准的HTML结构，它都能胜任。
该技能非常适合前端开发、全栈开发以及任何需要确保网页基础结构正确性的人员。对于UI设计师、产品经理和测试工程师，它也是验证和沟通界面实现细节的有力工具。
请注意，该技能专注于HTML标记语言本身，不涉及CSS样式与布局、JavaScript的DOM操作、SEO排名策略或Markdown转换。对于这些问题，应使用对应的专门技能。
核心特点
与通用代码生成技能相比，它深度聚焦于HTML的语义结构、表单、可访问性、文档头、媒体嵌入等特定领域，能精准诊断和修复一系列前端开发中常见但棘手的HTML问题，如怪异模式、可访问性缺陷、Outlook邮件兼容性等。
注意事项
不适合处理CSS样式、JavaScript交互逻辑、SEO策略优化或Markdown文档编写。
常见问题
这个技能能帮我写CSS吗？
不能，它专注于HTML标记，CSS样式和布局请使用专门的CSS技能。
它可以修复JavaScript导致的页面交互问题吗？
不能，它只处理HTML结构、语义和可访问性问题，DOM脚本问题需使用JavaScript技能。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/html-x/raw/index.md 读取 HTML 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/html-x/raw/index.md（查看排版版本）