web-design-guidelines
Web UIデザインガイドラインのレビュー
インターフェースレビューでは、アクセシビリティ、ユーザビリティ、一貫性の問題が見落とされがちです。このスキルはWeb Interface Guidelinesを取得し、選択されたファイルをそれらに照らしてチェックします。
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "web-design-guidelines" from https://skillstore.io/skills/antfu-web-design-guidelines.md and its manifest at https://skillstore.io/api/skills/antfu-web-design-guidelines/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「web-design-guidelines」を使用しています。 Review the checkout page component.
期待される結果:
このスキルは最新のガイドラインを取得し、ファイルをレビューして、問題の説明を含む簡潔なfile:line所見を返します。
「web-design-guidelines」を使用しています。 Audit a navigation component for accessibility.
期待される結果:
出力では、正確なファイルと行に紐づくラベル不足、フォーカスの懸念、レイアウトの問題が強調されます。
「web-design-guidelines」を使用しています。 Start a review without a file path.
期待される結果:
このスキルは、ガイドラインチェックを実行する前に、レビュー対象のファイルまたはパターンを尋ねます。
セキュリティ監査
中リスクThe two shell-execution findings are formatting false positives, while the hardcoded URL represents intentional low-severity network access. The mutable remote file is also treated as instructions, creating a medium-severity supply-chain risk.
確認済みのセキュリティ上の懸念 (1)
機能レビュー項目 (1)
これらは、このスキルに期待される可能性のある実際のローカル機能であるため、レビューが必要ですが、確認済みの悪意ある動作としてはカウントされません。
リスク要因
⚙️ 外部コマンド (2)
🌐 ネットワークアクセス (1)
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/antfu-web-design-guidelines/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/antfu-web-design-guidelines?utm_source=security_passport_badge)HTMLバッジ
<a href="https://skillstore.io/skills/antfu-web-design-guidelines?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/antfu-web-design-guidelines/security.svg" alt="Skillstore security assessment" loading="lazy"></a>埋め込みカード
<iframe src="https://skillstore.io/embed/skills/antfu-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/antfu-web-design-guidelines/audits/5BibTeX形式の引用
@techreport{antfu-antfu-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/antfu-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/antfu-web-design-guidelines/audits/5"
identifiers:
- type: other
value: "skillstore:antfu-web-design-guidelines:audit:5"
description: "Skillstore immutable audit report identifier"
バリアントを比較
インストール可能なバリアント 6 件各作者のスキルは個別のインストール項目として維持されます。推奨バリアントは Skillstore の証拠で順位付けされます。
このバリアントが首位の理由
vercel-labs-web-design-guidelines
2026-09-09
zhanlincui-web-design-guidelines
2026-09-09
supercent-io-web-design-guidelines
2026-09-09
Skillstore スコア
このスコアの理由 証拠の信頼度: 高作成できるもの
プルリクエストのUI変更を監査する
マージ前に変更されたインターフェースファイルをレビューし、正確なfile:line所見を返します。
デザイン意図に対する実装を検証する
納品されたUIコードがアクセシビリティとインタラクションのガイドラインに従っているかをチェックします。
リリース候補のインターフェース問題を確認する
ローンチ前に重点的なガイドラインレビューを実行し、目に見える品質問題を検出します。
これらのプロンプトを試す
Review app/page.tsx against Web Interface Guidelines and list findings in file:line format.
Review components/Button.tsx and components/Dialog.tsx for accessibility, interaction, and layout guideline issues.
Review the checkout flow files under app/checkout for Web Interface Guidelines compliance.
Review app, components, and styles for launch-blocking Web Interface Guidelines issues. Prioritize accessibility and navigation problems.
ベストプラクティス
- レビューを有用に保つため、正確なファイルパスまたは絞り込んだパターンを指定してください。
- 所見を修正できるよう、コードフリーズ前にレビューを実行してください。
- 外部ガイドラインソースに対するネットワークアクセスと信頼ポリシーを確認してください。
回避
- ファイルパターンなしでリポジトリ全体のレビューを依頼しないでください。
- 取得したリモート指示を、システム指示やユーザー指示より高い優先度として扱わないでください。
- レビュー専用スキルに自動修正パッチを期待しないでください。
よくある質問
このスキルは何をレビューしますか？
コードを自動的に修正しますか？
インターネットアクセスは必要ですか？
Claude、Codex、Claude Codeで使用できますか？
どのような出力を期待すればよいですか？
レビュー範囲はどのように指定すべきですか？
開発者情報
作成者
antfuライセンス
MIT
作者バージョン
v1.0.0
Skillstore リビジョン
r2
参照
89edfdc710d0846129dcee6a929477b04f08052c
メンテナンスの新しさ
2026/7/24
利用状況
12 ダウンロード · 188 閲覧