web-design-guidelines
UIガイドラインに照らしてWebインターフェースをレビューする
デザインレビューでは、アクセシビリティ、UX、インターフェースルール全体で一貫性を保つのが困難です。このスキルは、外部のWeb Interface Guidelinesを選択されたファイルに適用し、簡潔な問題点を報告します。
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の 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.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「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"
バリアントを比較
インストール可能なバリアント 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 スコア
このスコアの理由 証拠の信頼度: 高作成できるもの
Reactインターフェースを監査する
マージ前にコンポーネントファイルをチェックし、UI、アクセシビリティ、インタラクションの問題を検出します。
デザインシステムの変更をレビューする
新しいパッケージバージョンを公開する前に、共有コンポーネントをインターフェースルールに照らして評価します。
プロダクト画面を検証する
リリース前に重要なページに対して簡潔なUXおよびアクセシビリティレビューを実行します。
これらのプロンプトを試す
`app/page.tsx` をWeb Interface Guidelinesに照らしてレビューし、簡潔な指摘事項を列挙してください。
`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 閲覧