用途：为前端界面编写精简、可访问的代码，规则与框架无关，因为各框架最终都编译为 HTML。
主要能力：优先使用原生元素与语义标签；避免冗余 role 与冗余地标名称；<section> 仅在有真实可见标题时才作为地标并用 aria-labelledby 命名；输入按钮显式指定 type；不在地标上使用原生 disabled 而改用 aria-disabled（提交按钮始终可用）；切换按钮保持名称恒定，由 aria-expanded 表达状态；纯图标控件需 aria-label 并隐藏装饰图标；图片 alt 描述内容而非类型；链接图片的 alt 即链接名称；补充提示用 aria-describedby 而非混入名称；title 仅用于 iframe。组件上，手风琴用 <details>/<summary>，模态框用原生 <dialog> 与 showModal()（自带焦点陷阱、Escape 关闭、::backdrop 与背景 inert），导航用 <nav> + <button> + aria-expanded，并建议添加跳转链接、role="alert" 与表单错误处理。
使用方式：编写代码前先检测项目技术栈（package.json、文件扩展名、框架配置），按项目惯用法翻译示例（如 class→className），并在框架匹配时先阅读对应参考文件（react.md、vue.md、svelte.md、angular.md、web-components.md），它们只覆盖与 HTML 基线的差异。
限制：资料未提供具体价格、许可、版本、安装命令与效果数据，暂未提供。需要留意框架带来的隐患，如客户端路由不移动焦点、模板转义导致 XSS、组件库掩盖原生语义等。