web-design-guidelines
デザインガイドラインに照らしたWebインターフェイスレビュー
チームには、リリース前に一貫したUI、アクセシビリティ、UXのチェックが必要です。このスキルは、選択されたファイルにWeb Interface Guidelinesを適用し、簡潔な所見を報告します。
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "web-design-guidelines" from https://skillstore.io/skills/zhanlincui-web-design-guidelines.md and its manifest at https://skillstore.io/api/skills/zhanlincui-web-design-guidelines/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「web-design-guidelines」を使用しています。 料金ページにガイドライン上の問題がないかレビューしてください。
期待される結果:
- app/pricing/page.tsx:58 - プライマリアクションとセカンダリアクションが視覚的に同等です。主要な経路を明確にしてください。
- app/pricing/page.tsx:91 - 機能比較で色だけを使用しています。状態を示すテキストラベルを追加してください。
「web-design-guidelines」を使用しています。 コンポーネントライブラリのインタラクション品質を監査してください。
期待される結果:
- components/Dialog.tsx:34 - フォーカス処理が説明されていません。キーボードでの移動、escape、フォーカス復帰の挙動を確認してください。
- components/Card.tsx:76 - ホバー時のみ表示される詳細は、タッチ操作のユーザーに情報を隠してしまう可能性があります。
セキュリティ監査
中リスクThe markdown backtick detections are false positives: they are inline formatting and a fenced URL block. The hardcoded WebFetch URL is confirmed as a low network risk, and the larger concern is reliance on mutable remote content as instructions.
確認済みのセキュリティ上の懸念 (1)
機能レビュー項目 (1)
これらは、このスキルに期待される可能性のある実際のローカル機能であるため、レビューが必要ですが、確認済みの悪意ある動作としてはカウントされません。
リスク要因
⚙️ 外部コマンド (2)
🌐 ネットワークアクセス (1)
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/zhanlincui-web-design-guidelines/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/zhanlincui-web-design-guidelines?utm_source=security_passport_badge)HTMLバッジ
<a href="https://skillstore.io/skills/zhanlincui-web-design-guidelines?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/zhanlincui-web-design-guidelines/security.svg" alt="Skillstore security assessment" loading="lazy"></a>埋め込みカード
<iframe src="https://skillstore.io/embed/skills/zhanlincui-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形式の引用
ZhanlinCui. (2026). web-design-guidelines security audit report (audit version 5) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/zhanlincui-web-design-guidelines/audits/5BibTeX形式の引用
@techreport{zhanlincui-zhanlincui-web-design-guidelines-2026,
author = {ZhanlinCui},
title = {web-design-guidelines security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/zhanlincui-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: "ZhanlinCui"
date-released: "2026-07-08"
url: "https://skillstore.io/skills/zhanlincui-web-design-guidelines/audits/5"
identifiers:
- type: other
value: "skillstore:zhanlincui-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レビュー
pull requestを作成またはマージする前に、コンポーネントファイルとページファイルにガイドライン上の問題がないか確認します。
デザインQAサポート
実装された画面を、インターフェイス品質の期待値やアクセシビリティの実践と比較します。
チーム標準監査
ローカルのレビュー用チェックリストを書き直すことなく、プロジェクト横断で一貫したインターフェイスレビューを実行します。
これらのプロンプトを試す
src/app/page.tsxをWeb Interface Guidelinesに照らしてレビューし、ファイル参照と行参照付きで簡潔な所見を一覧にしてください。
現在のガイドラインを使用して、src/components内のすべてのコンポーネントについて、アクセシビリティ、余白、レイアウト、コピー、インタラクションの問題をレビューしてください。
このブランチで変更されたUIファイルをガイドラインに照らしてレビューしてください。所見を重要度別にグループ化し、修正提案を含めてください。
app、component、design-systemファイルについて、繰り返し発生しているガイドライン違反をレビューしてください。システム全体のリスクを特定し、チームレベルの修正を推奨してください。
ベストプラクティス
- ユーザーフローを表す具体的なファイルまたはglobパターンを提供してください。
- 信頼されレビュー済みのソースからのみ、スキルがガイドラインを取得できるようにしてください。
- レビュー対象が多数のファイルに及ぶ場合は、重要度別のグループ化を依頼してください。
回避
- 変更された画面が1つだけの場合に、リポジトリ全体のレビューを依頼しないでください。
- ガイドラインの所見を自動的なプロダクト要件として扱わないでください。
- 未レビューのガイドラインソースを取得したり、リモートの指示を無条件に貼り付けたりしないでください。
よくある質問
このスキルは何をレビューしますか？
コードは編集されますか？
なぜネットワークアクセスが必要なのですか？
Codexで使えますか？
スクリーンショットをレビューできますか？
大規模プロジェクトにはどう対応すればよいですか？
開発者情報
作成者
ZhanlinCuiライセンス
MIT
作者バージョン
v1.0.0
Skillstore リビジョン
r1
参照
88a205c7f635a966e31156313b590d59007c5caa
メンテナンスの新しさ
2026/7/18
利用状況
129 ダウンロード · 197 閲覧
ファイル構成
📄 SKILL.md