EU

eliaalberti/ux-audit-skill

Developer tools

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る

23 stars 品質 54 トレンド 15MIT

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/
GitHub で README 全文を見る

推奨ツール

別のキーワードを試すか、フィルタを外してください。

インストール

npx skillfish add eliaalberti/ux-audit-skill
MCP 初心者?mcpskill.org のガイドから始めましょう →