░█▀█░█▀▄░█▀█░█▄█░█▀█░▀█▀░▀█▀░█░█░▀█▀░█▀▀
░█▀▀░█▀▄░█░█░█░█░█▀▀░░█░░░█░░█▀█░░█░░▀▀█
░▀░░░▀░▀░▀▀▀░▀░▀░▀░░░░▀░░░▀░░▀░▀░▀▀▀░▀▀▀

A Chrome extension created for the Google Chrome Built-in AI Challenge that seamlessly integrates AI capabilities into your browsing experience.

In today's digital landscape, AI tools have become essential for many tasks, but their integration into our daily workflow remains fragmented and inefficient. Users frequently find themselves:

• Switching between multiple tabs or applications to access AI features
• Repeatedly copying and pasting text back and forth between AI tools
• Writing similar prompts over and over for common tasks, like "correct this" or "summarize that"

This context-switching not only breaks concentration but also significantly reduces productivity.

PromptThis.AI seamlessly integrates AI capabilities directly into your browser's context menu, making AI assistance just a right-click away. Key features include:

• Custom AI Tasks: Define your own AI-powered tasks that appear in the context menu
• Dynamic Prompts: Use variables like selected text, current URL, or page language in your prompts
• Context-Aware: Tasks can be configured to appear only on specific websites or languages
• Seamless Integration: AI appears right alongside your work in a convenient sidepanel - no tab switching needed

1. Right-click on any page to access your custom AI tasks
2. Select a task from the context menu
3. The prompt appears in a side panel with your selected text automatically inserted
4. Edit the prompt if needed and submit
5. Copy or directly insert the AI-generated result backinto your work

Here are some practical use cases for AI tasks:

Correct This Text: Quickly correct any selected text, available on any webpage.

• Name: Correct This Text
• Prompt: Correct this text for grammar and spelling mistakes: {{selection}}

Rewrite This Email: Write an email in your own words and make it more formal before sending, available only on Gmail.

• Name: Rewrite This Email
• Prompt: Rewrite this email to be more formal: {{selection}}
• Options:
  • RewriterTone: More Formal
• Conditions:
  • URL contains mail.google.com
  • HasSelection is true

Summarize This Article: Turn any text into bullet points, available on any webpage.

• Name: Summarize This Article
• Prompt: Summarize this text in bullet points: {{selection}}
• Options:
  • SummaryType: Key Points
  • SummaryLength: Short
• Conditions:
  • HasSelection is true

Explain This Word: Explain any unknown word, available only on English pages.

• Name: Explain This Word
• Prompt: Explain this word or phrase in English: {{selection}}
• Conditions:
  • Language matches /^en/
  • HasSelection is true

Shorten This Tweet: Shorten your tweet to 300 characters or less, available only on Twitter/X and Bluesky.

• Name: Shorten This Tweet
• Prompt: Shorten this tweet to 300 characters or less: {{selection}}
• Conditions:
  • URL matches /x\.com|bsky\.app/
  • HasSelection is true

The extensions currently uses Prompt API (type: languageModel), the Summarizer API (type: summarizer), and the Rewriter API (type: rewriter).

Each task has the following mandatory fields:

Conditions control when a task should be shown in the context menu. They are optional and if no conditions are provided, the task will be shown in the context menu on all pages. If multiple conditions are provided, the task will be shown only if all conditions are met.

The following conditions are available:

Options control the behavior of the task when it is selected or executed.

The following options are available:

The extension is currently only available for Google Chrome Canary.

1. Clone this repository to your local machine.
2. Run pnpm install to install the dependencies.
3. Run pnpm run build to build the extension to the dist folder.
4. Open Chrome and navigate to chrome://extensions/.
5. Enable "Developer mode" if it is not already enabled.
6. Click "Load unpacked" and select the dist folder inside the cloned repository.

Note: The /dist folder was committed to this remote repository for a quick start. That means you can skip the steps 2 and 3 above.

Open the extension by clicking on the PromptThis.AI icon in the Chrome toolbar.

The extensions comes with a default set of tasks, but you can also add your own tasks by clicking on the Add Prompt button in the extension sidepanel or right-clicking on any page and select Add Prompt.

For quick one-off tasks, the Prompt This context menu option is always available on any page.

While the current version already supports many use cases through customizations (conditions, options, variables), I have lots of ideas for making it even more powerful. Here are my ideas for new features:

Conditions control when a task appears in the context menu on a right-clicked element:

• IsEditable to check if the right-clicked element is an editable text input
• IsImage to check if the right-clicked element is an image
• CssSelector to check if the right-clicked element matches a CSS selector
• HasMetaTag to check if page has a meta tag with a given name and value

Options control the behavior of a task when it is selected or executed:

• AutoSelect to automatically select the content of the right-clicked element
• AutoInsert to insert the generated text right back into the right-clicked element
• AutoCopy to copy the generated text into the clipboard

Variables make prompts dynamic:

• Cursor to control where the cursor is placed inside the prompt input when task is opened
• TextContent or HtmlContent to insert the text or html content of the right-clicked element

Imagine proofreading any text you type in a textarea, on any site, without having to select, copy, or paste anything.

Here's how these features could work together in a real-world scenario:

1. CssSelector condition like textarea:read-write to show the task only on editable textareas
2. AutoSelect option to automatically grab the textarea's content without having to select it
3. AutoSubmit option to execute the task immediately
4. AutoInsert option to put the corrected text right back where you started

The result? Proofreading any text with just two clicks: right-click and select the task.

MIT