# ThatOne

> ThatOne is a Chrome extension that lets you point at any HTML element on a webpage and instantly give AI tools (Cursor, Claude, ChatGPT) the exact context they need — clean HTML code, computed CSS styles, and precise element location in the DOM hierarchy.

## What ThatOne Does

ThatOne solves the problem of vague element references when working with AI coding tools. Instead of saying "the button in the top right" or "no, not that one, the other one," you click the exact element you mean. ThatOne captures:

- Clean HTML source code of the selected element
- All computed CSS styles
- The element's position in the page hierarchy (DOM path)
- Support for multi-element selection

You then copy this context and paste it directly into your AI tool of choice.

## Key Features

- **Point-and-click element selection** with visual highlighting
- **Multi-select mode** to capture multiple related elements at once
- **Computed styles inspector** with search/filter
- **Text shortcuts** — create reusable prompt templates that auto-expand
- **Layout mode** — grid layout builder for precise layout specifications
- **Keyboard shortcuts** — Opt+X to select, Opt+Shift+X to copy (Mac); Alt+X / Alt+Shift+X (Windows)
- **Customizable toolbar** — choose placement, visibility, and site restrictions
- **Works everywhere** including localhost

## How to Use

1. Install ThatOne from the Chrome Web Store
2. Click the Select button or press Opt+X (Mac) / Alt+X (Windows) to enter selection mode
3. Click any element on the page — ThatOne highlights it and captures its HTML, styles, and position
4. Open the overlay panel to see captured details
5. Enable Multi-select to capture multiple elements at once
6. Click Copy or press Opt+Shift+X to copy the snippet to your clipboard
7. Paste into Cursor, Claude, ChatGPT, or any AI tool
8. Use the Layout mode to build grid layout specs by dragging elements into cells

## Pricing

Free to try. Lifetime unlock for a one-time payment of $5.99 (no subscriptions).

## Links

- Homepage: https://that-one.com
- User Guide: https://that-one.com/guide
- Purchase: https://that-one.com/unlock
- Support: https://that-one.com/support
- Privacy Policy: https://that-one.com/privacy
- Terms of Service: https://that-one.com/terms
- Refund Policy: https://that-one.com/refund
- Chrome Web Store: https://chrome.google.com/webstore/detail/cdmodpgnmpippcokhbmggbakoiagbpgj

## FAQ

### How do I activate my license?
After purchase, open the ThatOne extension in Chrome and click "Restore license". Enter your purchase email, verify it with a one-time code, and your license will activate instantly.

### My license isn't showing up
Click "Restore license" in the extension popup, enter your purchase email, and verify with the one-time code. If issues persist, email support@that-one.com with your checkout email.

### The extension isn't working
Try updating Chrome, disabling and re-enabling the extension, refreshing the page, and checking permissions at chrome://extensions. If the issue persists, contact support.

### Can I use ThatOne on multiple devices?
Yes — your license works on any device where you install the extension and restore your license with the same email.

## Contact

support@that-one.com