do-design-audit
既存のWebUIをプレミアム設計基準に照らし合わせて監査します。ページのスクリーンショットを撮影し、ビジュアルヒエラルキー、タイポグラフィ、色、スペーシング、一貫性などを評価します。ユーザーが設計品質を評価したい場合、UIを監査したい場合、または「このデザインをレビューして」「UIをチェックして」「このページを監査して」「インターフェースをスキャンして」と述べた場合、あるいはデザインフィードバック用のURLを提供した場合に使用します。
description の原文を見る
Audit an existing web UI against premium design criteria. Screenshots pages and evaluates visual hierarchy, typography, color, spacing, consistency, and more. Use when the user wants to evaluate design quality, audit a UI, or says 'review this design', 'check the UI', 'audit this page', 'scan the interface', or provides a URL for design feedback.
SKILL.md 本文
このスキルは、既存のウェブインターフェースをプレミアム設計基準に対して評価します。/frontend-design の審査時の相棒です — そのスキルは標準に基づいて構築し、このスキルはそれに対して監査します。
意見を述べてください。失敗していることを明確に指摘します。「許容範囲」は褒め言葉ではありません。
サーフェス
このスキルはユーザーの実際のログイン状態のChrome上でBYOB MCSPサーバー(mcp__byob__browser_*)に対して実行されます。公開マーケティングページと認証が必要なダッシュボードは同じ方法で監査されます — BYOBはユーザーが見るページを表示するだけです。匿名のヘッドレスフォールバックはなく、このサーフェスは#1256で廃止されました。
呼び出しセッションには requires_real_chrome=True が設定されている必要があります(ブリッジは「design audit」パターンのメッセージテキストから自動推論します; CLIユーザーは valor-session create --needs-real-chrome ... を渡します)。2つの同時実行リアルChromeセッションは、アクティブなタブで競合し、相互のDOMを破損します。
使用時期
ユーザーが以下の場合にこのスキルをトリガーし
...
詳細情報
- 作者
- tomcounsell
- リポジトリ
- tomcounsell/ai
- ライセンス
- GPL-3.0
- 最終更新
- 2026/5/12
Source: https://github.com/tomcounsell/ai / ライセンス: GPL-3.0