WTFAA: Web Tool For AI Analysis

WTFAA: AI ウェブ分析・アシスタント

WTFAA (Web Tool For AI Analysis) は、開発者、デザイナー、パワーユーザー向けのプロフェッショナルなブラウザ拡張機能です。一般的なチャットツールとは異なり、WTFAAはページのソースコード、DOM構造、視覚的レイアウトを分析するための3つの専門ロールと専用ツールセットを提供します。

主な機能（ツールバーボタンに対応）：

👨‍💻 開発者ロール
• 技術スタック分析 (Tech Stack Analysis)：フロントエンドフレームワーク（React, Vue）、ビルドツール、APIパターンを即座に特定。
• テストケース生成 (Generate Test Cases)：ページロジックに基づき、包括的な機能テストおよびエッジケースのテストマトリックスを自動生成。
• フォーム構造 (Form Structure)：フォームフィールド、バリデーションルール、依存関係を詳細に分析。
• 入力スクリプト生成 (Generate Fill Script)：テストデータでフォームを自動入力するJavaScriptスクリプトを作成。

🎨 デザイナーロール
• ビジュアル分析 (Visual Analysis)：レイアウト、余白、視覚的階層を評価。
• カラーパレット (Color Palette)：ページスタイルから配色スキーム（Hexコード）を抽出。
• デザイン批評 (Design Critique)：デザインの長所と改善点に関する専門的なAIレビュー。
• アクセシビリティ確認 (Accessibility Check)：WCAGコントラスト準拠とアクセシビリティ属性を検証。

📖 リーディングロール
• 要約 (Summarize)：長いページを構造化されたエグゼクティブサマリーに変換。
• 詳細解説 (Deep Explain)：特定の用語をハイライトして、即座に詳細な説明を取得。
• キーワード抽出 (Extract Keywords)：主要なトピックや固有表現を特定。
• SNS向け書き換え (Social Media Rewrite)：コンテンツをTwitterスレッドやLinkedIn投稿用に自動書き換え。

すべてのロールでサポート：
• 翻訳 (Translation)：対訳（バイリンガル）またはその場での置換モード。
• スクリーンショット分析 (Screenshot Analysis)：ページのビジュアルをキャプチャして分析。

対応AIモデル：
• DeepSeek (R1 Reasoning)
• Google Gemini 3 (Pro & Flash)
• OpenAI GPT-4o / GPT-5.1
• Anthropic Claude 4.5
• Groq (Llama 4)

プライバシーとセキュリティ：
• ローカルロジック：分析前に機密情報を削除するヒューリスティックフィルタリングがローカルで実行されます。
• BYOKまたはPro：独自のAPIキー（ローカルに保存）を使用するか、管理されたProプラットフォームに登録します。
• トレーニングなし：閲覧データを保存したり、モデルのトレーニングに使用したりすることはありません。