
eliaalberti/ux-audit-skill
Developer toolsこのページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る
ClaudeコードとコーデックスのスクリーンショットからヒューリスティックUX監査を重大評価結果、ヒューリスティック引用、注釈付きスクリーンショット、構造化されたレポート.
概要
√ UX監査スキルヒューリスティックUX監査スクリーンショット ユーザーの旅行のスクリーンショットでポイントします。 重度評価された発見、ヒューリスティックな引用、注釈付きスクリーンショット、構造化されたレポートを入手してください。 16 の UX フレームワークに分類され、vibes ではありません。 1つのスキルは、クロードコードとコーデックスの両方で実行されます。 例の出力:2画面の旅が監査され、重症(赤=クリティカル、オレンジ=メジャー、アンバー=マイナー、グリーン=プラス)によって注釈付けされる。 あなたが得るもの• なぜそれが機能• フレームワーク• インストール• 使用法• Severity• よくある質問 ユーザーが何をしようとしているかについて、フローと1行のスキルスクリーンショットを与えます。 それは戻ります: - Nielsenの0〜4スケールで、ユーザーの実際の目標に固定 - すべての検索結果(「Nielsen #5」、WCAG 1.4.
概要(AI 翻訳)
UX監査スキル スクリーンショットからのヒューリスティックUX監査
ユーザーの旅行のスクリーンショットでポイントします。 重度評価された発見、ヒューリスティックな引用、注釈付きスクリーンショット、構造化されたレポートを入手してください。 16 の UX フレームワークに分類され、vibes ではありません。 1つのスキルは、クロードコードとコーデックスの両方で実行されます。
出力例:2画面の実行を監査し、重症(赤=クリティカル、オレンジ=メジャー、アンバー=マイナー、グリーン=ポジティブ)によるアノテーション。
あなたが取得&bullは何ですか? なぜそれが働くか• フレームワーク&バグ; インストール • 使用法 • 重症 • よくある質問
お問い合わせ
取得する
ユーザーが何をしようとしているかについて、フローと1行のスキルスクリーンショットを与えます。 それは戻ります:
-** Nielsenの0から4スケールで重度評価された発見**は、ユーザーの実際の目標に固定されます
- *「ニエルセン#5」、「WCAG 1.4.3」、「ヒックの法律」すべての検索結果でヒューリスティック引用、決してジェネリックな「ポップにする」フィードバック
- 通知スクリーンショット 番号付き、カラーコードされたマーカー
- おすすめの修正 努力の見積もり(S / M / L)
- 管理要約、スクリーンバイスクリーンの調査、旅行レベルの分析、および既に働くものが構造化されたMarkdownのレポート
このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。
README
以下は原文 README の抜粋です。原文を見る。
🔍 UX Audit Skill Heuristic UX audits from screenshots
Point it at screenshots of a user journey. Get severity-rated findings, heuristic citations, annotated screenshots, and a structured report. Graded against 16 named UX frameworks, not vibes. One skill, runs in both Claude Code and Codex.
Example output: a two-screen journey audited and annotated by severity (red = critical, orange = major, amber = minor, green = positive).
What You Get • Why It Works • Frameworks • Installation • Usage • Severity • FAQ
What You Get
You give the skill screenshots of a flow and one line about what the user is trying to do. It returns:
- Severity-rated findings on Nielsen’s 0 to 4 scale, anchored to the user’s actual goal
- Heuristic citations on every finding (“Nielsen #5”, “WCAG 1.4.3”, “Hick’s Law”), never generic “make it pop” feedback
- Annotated screenshots with numbered, colour-coded markers
- Recommended fixes with effort estimates (S/M/L)
- A structured Markdown report with an executive summary, screen-by-screen findings, journey-level analysis, and what already works
It’s a heuristic evaluation, the kind a senior designer does, run by an agent that has actually looked at your screens.
What Are Agent Skills?
A skill is a folder with a SKILL.md file. The agent reads it and follows the instructions when a task matches. No plugin, no code to wire up. This one bundles a small Python script for the annotation step.
The same skill folder works in both tools. They read skills from different directories:
| Tool | Skills folder |
|---|---|
| Claude Code | ~/.claude/skills/ux-audit/ |
| Codex | ~/.codex/skills/ux-audit/ |
推奨ツール
別のキーワードを試すか、フィルタを外してください。
インストール
npx skillfish add eliaalberti/ux-audit-skill