web-design-guidelines
根据 UI 指南评审 Web 界面
设计评审很难在可访问性、UX 和界面规则之间保持一致。此技能会将外部 Web 界面指南应用到所选文件，并报告简明问题。
使用我的智能体安装
将此请求复制给你的智能体，其中包含权威 Skill 页面和清单。
Review the Skillstore skill "web-design-guidelines" from https://skillstore.io/skills/antvu-web-design-guidelines.md and its manifest at https://skillstore.io/api/skills/antvu-web-design-guidelines/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智能体仍应展示其计划，并按安全策略请求必要确认。
Agent 可读资源
当 AI Agent、爬虫或脚本需要干净上下文，而不是读取完整页面时，请使用这些链接。
测试它
正在使用“web-design-guidelines”。 评审我的仪表板组件。
预期结果:
按指南影响分组的简明问题列表，包含文件和行号引用。
正在使用“web-design-guidelines”。 检查设置页面的可访问性。
预期结果:
重点关注标签、键盘访问、焦点顺序、对比度和错误消息的发现。
正在使用“web-design-guidelines”。 发布前审核这个 UI。
预期结果:
对阻塞性界面问题和较小打磨项的优先级评审。
安全审计
中风险The two external-command findings are false positives caused by Markdown backticks and a fenced URL block; neither executes a shell command. The skill intentionally fetches mutable remote instructions, creating a network dependency and an indirect prompt-injection or supply-chain risk.
已确认安全问题 (1)
能力复核项 (1)
这些是真实的本地能力，对此技能可能是预期行为，因此需要复核，但不会按已确认恶意行为计分。
风险因素
⚙️ 外部命令 (2)
🌐 网络访问 (1)
分享与引用此报告
分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据，不判断该 Skill 是否安全。
复制报告链接
https://skillstore.io/skills/antvu-web-design-guidelines/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 徽章
[](https://skillstore.io/skills/antvu-web-design-guidelines?utm_source=security_passport_badge)HTML 徽章
<a href="https://skillstore.io/skills/antvu-web-design-guidelines?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/antvu-web-design-guidelines/security.svg" alt="Skillstore security assessment" loading="lazy"></a>嵌入卡片
<iframe src="https://skillstore.io/embed/skills/antvu-web-design-guidelines.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>学术引用 (APA · BibTeX · CFF)
APA 引用
antfu. (2026). web-design-guidelines security audit report (audit version 5) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/antvu-web-design-guidelines/audits/5BibTeX 引用
@techreport{antfu-antvu-web-design-guidelines-2026,
author = {antfu},
title = {web-design-guidelines security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/antvu-web-design-guidelines/audits/5},
note = {Author version 1.0.0}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "web-design-guidelines security audit report (audit version 5)"
version: "1.0.0"
type: report
authors:
- name: "antfu"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/antvu-web-design-guidelines/audits/5"
identifiers:
- type: other
value: "skillstore:antvu-web-design-guidelines:audit:5"
description: "Skillstore immutable audit report identifier"
比较变体
7 个可安装变体每位作者的技能都保持为独立的可安装项。推荐变体按 Skillstore 证据排序。
为什么此变体排名第一
shreyam1008-web-design-guidelines
2026-10-04
vercel-labs-web-design-guidelines
2026-09-09
zhanlincui-web-design-guidelines
2026-09-09
supercent-io-web-design-guidelines
2026-09-09
Skillstore 评分
评分依据 证据置信度: 高你能构建什么
审核 React 界面
在合并前检查组件文件，以发现 UI、可访问性和交互问题。
评审设计系统变更
在发布新包版本前，根据界面规则评估共享组件。
验证产品页面
在发布前对重要页面运行简明的 UX 和可访问性评审。
试试这些提示
根据 Web 界面指南评审 `app/page.tsx`，并列出简明发现。
评审 `src/components/**/*.tsx` 中的所有文件，检查可访问性、布局和交互指南问题。
评审 `app/settings/**`，并重点关注表单可用性、错误状态、键盘访问和响应式行为。
评审 `app/dashboard/**` 和 `src/components/data-table/**`。优先处理会阻塞发布的 UI、可访问性和 UX 问题。
最佳实践
- 提供确切文件或文件模式。
- 评审或固定远程指南来源以获得更严格的安全性。
- 使用聚焦的目标，以便发现结果更具体、更可操作。
- 将此评审与人工设计检查、可访问性测试和视觉验证结合使用。
避免
- 在没有指定文件或范围的情况下要求评审整个代码库。
- 将此技能当作自动修复工具使用。
- 把评审结果视为完整的可访问性认证。
- 忽略远程指南来源的版本和可信度。
常见问题
它会修改我的代码吗？
它需要互联网连接吗？
它可以评审哪些文件？
它会运行浏览器测试吗？
开发者详情
作者
antfu许可证
MIT
作者版本
v1.0.0
Skillstore 修订
r2
引用
89edfdc710d0846129dcee6a929477b04f08052c
维护新鲜度
2026/7/24
使用量
16 次下载 · 181 次浏览