用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/tomevault-io/skills-registry --skill web-interface-guidelines命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
基于 SOC 职业分类
正在显示 SKILL.md
| name | web-interface-guidelines |
| description | > Use when this capability is needed. |
:focus-visibletouch-action: manipulation<a>, actions = <button>. Never <div> for eitheraria-live for async updates<label>; clicking label focuses controlautocomplete, correct type/inputmode, meaningful namespellcheck="false" for emails/codes/usernamesprefers-reduced-motiontransition: all -- list specific propertiestransform, opacity); avoid reflow (width, height, top, left)<g> wrappers with transform-box: fill-boxenv(safe-area-inset-*)<title> reflects current contextfont-variant-numeric: tabular-nums for number columnsscroll-margin-top for anchored headingscontent-visibility: auto)width/height on images (CLS)<link rel="preconnect"> to CDN originsunicode-range subsettingaria-label matching visible textaria-hidden="true" on decorative elementsAccept-Language, not IP/GPS<meta name="theme-color"> matching page backgroundcolor-scheme: dark on <html> in dark themesConverted and distributed by TomeVault — claim your Tome and manage your conversions.