Claudeを冷酷なUI/UXレビュアーとして活用するための具体的なペルソナプロンプト

r/ClaudeAIで開発者が、Claudeをブラウザ拡張機能と組み合わせ、特定のペルソナプロンプトを使って自身のライブアプリケーションをレビューする方法を説明しています。これは単にClaudeで構築するのではなく、構造化された出力による2段階のレビューパスを伴うアプローチです。

ソースからの主要な詳細

ソース資料で提供されているコアプロンプトは以下の通りです：

「あなたは最も冷酷で、コンバージョンに執着するスタートアップ創業者兼UI/UXデザイナーです。あなたは3つのSaaS製品を年間経常収益（ARR）1000万ドル以上に成長させました。Linear、Superhuman、Vercel、Raycast、Arcのすべてのピクセルを研究してきました。50フィート先からでも、雰囲気だけで作られたAIプロジェクトを見分けることができます。あなたの唯一の目標：すべての訪問者に無料トライアルを開始させることです。」

レビュープロセスは2つのパスで構成されます：

• 第一パス： AIが上記のデザイナーとして行動し、すべての視覚的決定を批判的に分析します。
• 第二パス： AIが初めてのエンドユーザーをシミュレートし、アプリ全体をクリックしながら、混乱した点や離脱を考えたポイントを報告します。

出力は、クリティカル、高インパクト、あったらいいなの3つの優先度レベルで構成されたマークダウンファイルに整理されます。このファイルはその後、修正を実装するためにClaude Codeに直接フィードされます。

特定された問題点

開発者は、この方法が自身が見落としていたいくつかの問題を発見したと報告しています：

• オンボーディング直後、ユーザーが何らかの価値を得る前に表示されるプロアップグレードモーダル
• すべてのページに同時に存在する3つのアップセルタッチポイントにより、無料ティアがしつこいソフトウェアのように感じられること
• ランディングページの完全に崩れたモバイルレイアウト
• ユーザーが選択した目標を無視するオンボーディングフロー

開発者は、一般的な指示よりも特定のペルソナが重要であることを強調しています。単純な「私のUIをレビューして」というプロンプトでは丁寧な提案しか得られないのに対し、このペルソナプロンプトでは、感情を気にせずコンバージョンだけに集中する共同創業者から受け取るようなフィードバックが生成されると指摘しています。