Getting Started: Install WTFAA and Set Up AI Access

WTFAA (Web Tool For AI Analysis) is a Chrome extension that works in Chrome's side panel. It reads the page you are viewing and turns it into structured outputs for reading, design review, frontend inspection, testing, and form work.

This guide covers the first setup: installing the extension, opening the panel, signing in, choosing how WTFAA connects to an AI service, and sending a first request.

1. Install the Extension

1. Open the WTFAA listing on the Chrome Web Store.
2. Click Add to Chrome and confirm.
3. Optional: open Chrome's extensions menu (the puzzle icon) and pin WTFAA so its icon stays in the toolbar.

WTFAA is a Manifest V3 extension. It runs on regular web pages. Chrome does not let any extension run on restricted pages such as the Chrome Web Store or chrome:// system pages, so open a normal website before you start.

2. Open the Side Panel

Click the WTFAA icon in the Chrome toolbar. The panel opens on the right side of the current tab.

The first time you open it, WTFAA shows a welcome screen with the three roles (Developer, Designer, Reader) and an Open connection settings button. That button takes you straight to the AI connection settings described in step 4.

After that, open settings at any time with the gear icon (Settings) in the panel header. The question-mark icon opens the Free API Key Guide.

3. Sign In with Google

1. Open Settings and stay on the General tab.
2. In the Account section, click Sign in with Google and complete the Google sign-in.
3. Your email appears in the Account section with a Free Plan or Pro badge.

Signing in is required for the Pro platform service. If you only use your own API keys, WTFAA can send requests without signing in.

4. Choose an AI Service Mode

Open Settings → Advanced. The first section, Connection & Generation, contains the AI Service setting.

• Platform (No Key Required): available to Pro subscribers. Requests go through the Datafrog platform service, so you do not need to configure any API key, and the model choice is managed for you.
• Use My Own Keys: you add your own API key from a supported provider and WTFAA calls that provider directly. Usage is billed to your provider account under its own terms.

If your account is not Pro, the AI Service row shows an Upgrade to Pro button instead of the selector, and WTFAA works with your own keys. Pro costs $9.90 per month; see WTFAA pricing. After a subscription becomes active, WTFAA switches to Platform mode, and you can switch back to Use My Own Keys at any time.

5. Configure an API Key (Use My Own Keys)

Skip this step if you use Platform mode.

1. In Settings → Advanced, scroll to API Configuration.
2. Find the provider you want: Gemini (Google), OpenAI, Claude (Anthropic), DeepSeek, or Groq.
3. Click Get API Key below that field to open the provider's key page, create a key there, and copy it.
4. Paste the key into the Enter Key field. Use the eye icon to show or hide it.
5. Under Model Selection (Advanced), choose a model from that provider. Models whose provider has no key are marked (No API Key) and cannot be selected.
6. Click the back arrow at the top of Settings to return to the chat. Keys are saved when you leave the field or go back.

Where keys are stored: API keys are kept in Chrome's extension storage, which may sync across your Chrome profile if Chrome sync is on. In this mode they are used only to call the provider you selected and are not sent to Datafrog servers. Some providers offer free quotas under their own policies; Datafrog does not provide API keys.

The same tab also has Response Mode (shown for models that support a reasoning step), Temperature (1.0 is recommended), Auto Page Context (on by default; attaches the current page as context when you send a message), and Web Search Context (only for supported Gemini models in Use My Own Keys mode). The defaults are fine for a first request.

6. Send Your First Request

1. Go back to the chat and open an article or any regular web page in the current tab.
2. The toolbar at the top of the panel shows the actions for the current role. A new install starts in the Reader role. Hover over an icon to see its name.
3. Click Summarize.
4. A Review before sending dialog shows what the AI will receive: the URL, title, body length, model, mode, and any local redaction of common sensitive patterns. You can turn off Send page or form context or keep Use locally filtered context.
5. Click Send to AI.

The answer appears in the panel. Use Copy text to copy it or Download .md to save it as Markdown. You can also type your own question in the input box (Ask about this page...) and press Send.

If WTFAA shows API Key Required, go back to step 4 and either choose Platform mode (Pro) or add a key.

Next Steps

• How the three roles work: what each of the 12 actions does.
• Page translation and screenshot analysis.
• Form audit and test data.
• Privacy and the send preview. The full policy is at datafrog.io/privacy.