Getting Started


## What is Ask Steve? 
Ask Steve is a browser extension platform that enables you to add AI tools to your browser and then use them with 1-click. It can be used by:
* [Individuals](/individual)
* [Businesses](/business)
* [Site Owners](/site-owner)

## Installing Ask Steve
You can install Ask Steve in your Chrome or Edge Browser from the Webstore [here](https://quickstart.asksteve.to/browsers/).


## Working with Steve
* Once you install the Ask Steve extension you'll be dropped onto the [onboarding page](https://quickstart.asksteve.to) that will teach you how to work with Steve. 
* If you want additional information, check out the docs on the left side of this page.


Welcome to Ask Steve, the 1-Click AI Assistant and Swiss Army Knife for your Browser

Solutions

<br />
<div style={{ position: 'relative', paddingBottom: '56.25%', overflow: 'hidden', maxWidth: '100%', height: 'auto' }}>
<iframe
    src="https://www.youtube.com/embed/BGzzIctzPhw?si=poTLcTHXMrOIY7BV"
    title="YouTube video player"
    frameBorder="0"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen"
    referrerPolicy="strict-origin-when-cross-origin"
    allowFullScreen
    style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}>
</iframe>          
</div>

## Ask Steve is the Last Mile UI for Enterprise AI
According to [May Habib at Writer](https://venturebeat.com/data-infrastructure/habib-at-vb-transform-writers-vision-for-full-stack-ai/), in a recent survey only 17% of AI execs rated their AI applications as “good or better”, and that if 50% of your employees use Copilot **once a week** to summarize an email, you’d be in the top decile of Microsoft Copilot adoption.

Why are companies struggling with employee adoption of the generative AI systems that they roll out? Especially when the number of people [using generative AI at work](https://archive.ph/bRiQG) **without their employer's consent** makes it clear that it can provide meaningful value?

One of the primary causes of low employee adoption is the **user experience**, which typically forces employees to go to a chatbot in a separate window or use one of many siloed copilots to get AI help. Instead a truly effective AI deployment should:

### Be available to employees everywhere they are already working
<Image
    className="rounded-2xl"
    src={'/assets/images/where-they-are.gif'}
    width={'715'}
    height={'400'}
    alt={'Summarizing a PDF with a 1-Click AI Tool'}
/>

### Be able to see their screens so they don't need to copy and paste
<Image
    className="rounded-2xl"
    src={'/assets/images/website-context.gif'}
    width={'715'}
    height={'400'}
    alt={'Extracting data from the current page with a 1-Click AI Tool'}
/>

### Give them 1-click access to help so they don't have to learn prompting
<Image
    className="rounded-2xl"
    src={'/assets/images/skill-button.gif'}
    width={'715'}
    height={'400'}
    alt={'1-Click AI Tool being used on LinkedIn'}
/>

### Integrate with internal and external software systems
<Image
    className="rounded-2xl"
    src={'/assets/images/pane-of-glass.gif'}
    width={'715'}
    height={'400'}
    alt={'Connect to Salesforce, Google Workspace, and more'}
/>

### Be customizable for the company's brand
<Image
    className="rounded-2xl"
    src={'/assets/images/enterprise.png'}
    width={'715'}
    height={'400'}
    alt={'Custom branded for a company'}
/>

### Be private and secure, so you know where your data is going
<Image
    className="rounded-2xl"
    src={'/assets/images/docs/architecture.png'}
    width={'715'}
    height={'400'}
    alt={'Private and secure for enterprise deployment'}
/>
<br />
<div style={{backgroundColor: 'yellow', color: 'black', padding: '1rem', fontWeight:'bold', borderRadius: '8px', maxWidth:'715px'}}>
    The Ask Steve platform empowers AI, IT, Data & Ops teams to quickly build and deploy such solutions and unlock the full potential of generative AI in their companies. 
</div>

## Learn More Today
You can [install the Ask Steve browser extension](https://quickstart.asksteve.to/browsers) in seconds and test it out for free. 

And when you're ready to learn more, [grab some time on our calendar](https://calendly.com/rajat-asksteve/30min) so we can learn more about your use case and see if Ask Steve can help you with **your** enterprise AI deployments!
<br />
<a href="https://calendly.com/rajat-asksteve/30min" target="_blank">
    <button style={{ color: 'white', padding: '1rem', fontWeight:'bold',  width:'315px', border:'1px solid white', borderRadius:'8px'}}>
        Schedule a Meeting
    </button>
</a>




Deploy AI to your Employees in Minutes, not Months with Ask Steve

Deploy AI to the Employees at your Business in Minutes, not Months with Ask Steve

## The Problem
Users are coming to expect AI help on every website and web app that they go to, so it makes sense that you'd want to add AI to your site. But doing so is **a lot of work**. You need to learn to code, figure out what AI system to use, build an integration into your site, maintain it forever, and then **pay for it all**! It's easier just to do nothing. 

What if you could add AI capabilities to your website or app in minutes, without having to do any of those things? 

## The Ask Steve Solution
The Ask Steve browser extension gives users a 1-click AI assistant and tool belt for their browser. While it comes with a few default tools and has a library of 100+ more, **you can create & brand your own tools, just for your site, and give your users the ability to install them with 1-click**. So instead of building your own integration, leverage Ask Steve and then you don't have to learn how to code, you don't have to learn about all the different AI systems, you don't have to build an integration into your site, you don't have to maintain anything, and best of all, you don't have to pay anything, and neither do your users. Ask Steve has a free plan, and users use **their own** accounts with AI providers (which they can also get for free), so it's **TOTALLY FREE** for everyone. 

## Where Does it Work? 
It should work on **any web site or application where you can paste in embed code**, either into a placeholder on the page or into the page header. We have tested it on [Squarespace](/blog/demos/widget-squarespace), [Wix](/blog/demos/widget-wix) and a [custom site](/blog/demos/widget-custom). It does not work on Google Sites. 

<br />
<div style={{ position: 'relative', paddingBottom: '56.25%', height: 0, overflow: 'hidden', maxWidth: '100%', height: 'auto' }}>
  <iframe 
    src="https://www.youtube.com/embed/UZzPzxTez98?si=GPOpQTEJf4alBn4B" 
    title="YouTube video player" 
    frameBorder="0" 
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" 
    referrerPolicy="strict-origin-when-cross-origin" 
    allowFullScreen 
    style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}>
  </iframe>
</div>
<div style={{ textAlign: 'center', marginTop: '10px', fontStyle: 'italic', fontSize: '14px' }}>
  <p>How to set things up on Squarespace</p>
</div>
<br />

## What's the Catch? 
There is no catch! You get AI capabilities on your site for free and your users get to use them for free. We built our product and made a free plan because we want people to use it! If you have concerns about how any of the data is used, [this page](/docs/permissions) explains the permissions that we ask for and how we treat user data. 

## Tell Me How!
1. [Install Ask Steve](https://quickstart.asksteve.to) and go through the onboarding to learn how to use it.
1. Copy, remix or create the custom [Tools](/docs/tools) that you want for your site.
1. Be sure to add [Buttons](/docs/tool-buttons) for them and style the buttons with your colors and logos.
1. In the Ask Steve extension Settings, go to the [Widget](/docs/widgets) page to configure an embeddable widget that your users can use to add your Tools & Buttons. 
1. Click the `Installation Instructions` link for instructions on how to add the Widget to a page on your site.
1. Tell your users to go to the page with the widget to install Ask Steve and your custom Tools & Buttons. They can do this in just a few clicks and a matter of seconds.
1. Your users now have the AI superpowers **that you created** available on **your site**, **for FREE**!

<br />
[Instructions for Squarespace](/blog/demos/widget-squarespace)<br />
[Instructions for Wix](/blog/demos/widget-wix)<br />
[Instructions for Custom/Other Sites](/blog/demos/widget-custom)<br />
[Installation API](/docs/api) if you want to build your own UX<br />

## Pro Tips
* You can [configure your buttons](/docs/tool-buttons#button-settings) so that they only appear on your site, or on specific pages on your site. 
* You can also create custom branded Tools that your users can take with them to other sites! Tools that call LLMs are completely free to distribute. 
* If you make a Tool that calls one of your APIs and would like to distribute it to users for free, [contact us](/contact) for pricing. 
<br />
<div style={{ position: 'relative', paddingBottom: '56.25%', height: 0, overflow: 'hidden', maxWidth: '100%', height: 'auto' }}>
  <iframe 
    src="https://www.youtube.com/embed/mKi9ZzBPZd0?si=7k07KPiP047-swAo" 
    title="YouTube video player" 
    frameBorder="0" 
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" 
    referrerPolicy="strict-origin-when-cross-origin" 
    allowFullScreen 
    style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}>
  </iframe>
</div>
<div style={{ textAlign: 'center', marginTop: '10px', fontStyle: 'italic', fontSize: '14px' }}>
  <p>An example of branded Tools being used on other sites</p>
</div>

Add FREE AI superpowers to your website with NO CODE, and build AI Tools that your users can take with them anywhere on the Internet.

Add FREE AI Superpowers to your Website or Web Application with NO CODE

<div style={{ display: 'flex', alignItems: 'center', gap: '2.5rem', padding: '0rem', margin: '1rem 0', backgroundColor: 'transparent', borderRadius: '0.75rem' }}>
  <div style={{ flexShrink: 0, marginRight: '0.5rem' }}>
    <img
      style={{ width: '200px', height: '200px', objectFit: 'cover', borderRadius: '50%'}}
      src="/assets/images/docs/santoro.jpeg"
      alt="Mike Santoro"
    />      
    <div style={{ fontWeight: 600, marginTop: '10px', textAlign: 'center', lineHeight: '1.5rem' }}>
      <a href="https://www.linkedin.com/in/michaelsantoro-recruiter/" target="_blank" style={{ color: '#2563eb', textDecoration: 'none' }}>Mike Santoro</a><br />AllSearch Recruiting
    </div> 
  </div>
  <div>
    <blockquote style={{ color: 'white', fontStyle: 'italic', marginBottom: '0.75rem', marginLeft: '0px', fontSize: '1rem' }}>
      <strong>Ask Steve is the perfect AI Chrome Extension for Talent Sourcers and Recruiters to integrate into their everyday workflows.</strong><br /><br />In one click you can: Capture data from the web into Google Sheets or Excel, structure it, build advanced search queries, summarize, analyze, write messaging, and conduct deep research using any web page's content. It's also private and completely customizable and comes with a growing library of Free Talent Sourcing Tools.<br /><br /><strong>I highly recommend.</strong>
    </blockquote>
  </div>
</div>

<br />

<div style={{ position: 'relative', paddingBottom: '56.25%', overflow: 'hidden', maxWidth: '100%', height: 'auto' }}>
<iframe
    src="https://www.youtube.com/embed/Hr07boiqUdA?si=Z0A7VmTkPLC6mfwo"
    title="YouTube video player"
    frameBorder="0"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen"
    referrerPolicy="strict-origin-when-cross-origin"
    allowFullScreen
    style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}>
</iframe>          
</div>

## Save at least an hour day with AI help from Ask Steve!
You're building candidate pipelines and Ask Steve can help! Use Ask Steve to save time extracting candidate leads from web pages, researching candidates, qualifying candidates, crafting cold outreach messages, and writing ongoing comms with candidates.

Here are just some of the things you can do: 
* Use AI to intelligently extract candidate content from web pages and resumes into Google Sheets, Microsoft Excel, Airtable or Notion
* Create complex queries for Google Sheets and Microsoft Excel in natural language
* Summarize and extract key information from web pages with 1-click while doing researching
* Instantly score candidates against your qualification critera
* Write personalized outreach messages in seconds
* Craft professional, tone-appropriate communications to candidates
* Summarize meeting notes with key takeaways and action items
* Quickly translate between languages

<br />
> Ask Steve is the AI Swiss Army Knife for Sourcers!

## Watch our session from Sourcing Summit AI!
<div style={{ position: 'relative', paddingBottom: '56.25%', overflow: 'hidden', maxWidth: '100%', height: 'auto' }}>
<iframe
    src="https://www.youtube.com/embed/W727WCIoyXU?si=PU4ikCisKIXCy2TG"
    title="YouTube video player"
    frameBorder="0"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen"
    referrerPolicy="strict-origin-when-cross-origin"
    allowFullScreen
    style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}>
</iframe>          
</div>


## How to customize the Qualify a Candidate Tool
<div style={{ position: 'relative', paddingBottom: '56.25%', overflow: 'hidden', maxWidth: '100%', height: 'auto' }}>
<iframe
    src="https://www.youtube.com/embed/ypPUr8ZWy7U?si=GAl7MJmRgYa7AL10"
    title="YouTube video player"
    frameBorder="0"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen"
    referrerPolicy="strict-origin-when-cross-origin"
    allowFullScreen
    style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}>
</iframe>          
</div>


## How to build an AI Data Extractor for a Google Sheet or Microsoft Excel with 2 Clicks
<div style={{ position: 'relative', paddingBottom: '56.25%', overflow: 'hidden', maxWidth: '100%', height: 'auto' }}>
<iframe
    src="https://www.youtube.com/embed/ixSiIGQZr58?si=9FHwooHwUOEItDpb"
    title="YouTube video player"
    frameBorder="0"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen"
    referrerPolicy="strict-origin-when-cross-origin"
    allowFullScreen
    style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}>
</iframe>          
</div>


## Try it Today!
You can <span style={{ fontWeight:'bold'}}>[install the Ask Steve browser extension](https://quickstart.asksteve.to/browsers)</span> in seconds and test it out for free. 

Install the Talent Sourcing Tool Pack <span style={{ fontWeight:'bold'}}>[here](https://quickstart.asksteve.to/packs.html)</span>.

Got tips or tricks to share? Questions about how to do something? <span style={{ fontWeight:'bold'}}>[Let us know in our user community!](https://groups.google.com/g/ask-steve)</span>
<br />
<br />




Use Ask Steve to Turbocharge your Talent Sourcing!

Use the Ask Steve browser extension to turbocharge your Talent Sourcing!

Learn how Steve can help you get tasks done better & faster.

Working with Steve

<div style={{ position: 'relative', paddingBottom: '56.25%', height: 0, overflow: 'hidden', maxWidth: '100%', height: 'auto' }}>
  <iframe 
    src="https://www.youtube.com/embed/6xPJGgh0luI?si=DUEDAiymDW2oYqGp" 
    title="YouTube video player" 
    frameBorder="0" 
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" 
    referrerPolicy="strict-origin-when-cross-origin" 
    allowFullScreen 
    style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}>
  </iframe>
</div>

## What is a Tool?
A Tool is either a reusable prompt or a call to an external API.  It's a set of detailed instructions for Steve on how to do something, can include variables like data from the current page or from the user, and can write data to external systems. So any time you have a task that you do repetitively, that requires very detailed instructions that you don't want to type in every time, or that needs to interact with external systems or logic, make a Tool. 

Here's a simple example LLM Tool that instructs Steve to suggest visuals for some text that was written. 

> **Name:** Suggest accompanying visuals\
>\
> **Instructions:** I'm writing some text and I'd like you to suggest some visuals to accompany it that will help reinforce and illustrate my key concepts and messages. 
>
>\
> Here is the text that I've written: 
>[[Text to Analyze]]
>
>\
> Can you list some visuals (tables, graphs, infographics, etc.) that would add value and comprehensibility to this article. Describe each one in detail. Thanks!

Note that **[[Text to Analyze]]** is a variable that grabs the text selected on a page, or the whole page if there is no selected text, so you can use the same Tool on any page or selected text without having to edit it!

Make a Tool once and then you can access it from anywhere in Ask Steve including the [Context Menu](/docs/context-menu), the [Chat](/docs/chat), the [Writing Helper](/docs/writing-helper), and [Tool Buttons](/docs/tool-buttons). 

Technically, an LLM Tool is just a set of instructions written to Steve in English. When writing an LLM Tool, you should treat Steve like you would a human intern, and provide very specific and detailed instructions. 

LLM Tools can also optionally write their output to an external system like Google Sheets, Google Docs, Microsoft Word, or Airtable. **This enables you to quickly build AI-powered data extractors** that can pull the exact data you want off a page and capture it for you. 

API Tools make calls to an API that you have created, either with code or with a visual workflow builder like [n8n](/blog/demos/n8n), [Make](/blog/demos/make), [Activepieces](/blog/demos/activepieces), [Pipedream](/blog/demos/pipedream) or [Zapier](/blog/demos/zapier). To learn how to create API Tools, visit [Calling APIs and Webhooks](/docs/webhooks).

Steve has 100+ Tools in the [Tool Library](https://quickstart.asksteve.to/browsers/library.html) which you can access from the extension options. You can see all the Tools you have installed by clicking on the purple lightning bolt tab to open the Ask Steve sidepanel and then clicking `⚡Tools`. 

## Adding Tools
<div style={{ position: 'relative', paddingBottom: '56.25%', height: 0, overflow: 'hidden', maxWidth: '100%', height: 'auto' }}>
  <iframe 
    src="https://www.youtube.com/embed/64wRZ8YsXZc?si=YCrAStaKtuA3sKdr" 
    title="YouTube video player" 
    frameBorder="0" 
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" 
    referrerPolicy="strict-origin-when-cross-origin" 
    allowFullScreen 
    style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}>
  </iframe>
</div>
<br />
* You can add more Tools from our [Tool Library](https://quickstart.asksteve.to/browsers/library.html)
* You can also install customized [Packs of Tools](https://quickstart.asksteve.to/packs.html)



## How do I Create a New Tool?
1. From the ⚡Tools tab in the sidepanel, press the `NEW` button. 
2. Type in a `Name` for your Tool
2. If you want the Tool to appear as a button on every page that you can trigger with 1 click, then check `Add Button`.
3. Add your `Instructions`. 
5. Press the `RUN` button to try out your Tool on the current page or selection. If it doesn't do what you want, then change it and keep iterating until it works the way you want it to.\
This ability to quickly iterate on your Tool until it does what you want is part of what makes Ask Steve so powerful!
6. Hit `SAVE`. Congratulations! Your Tool is now available to use.

## Tool Buttons
* You can easily add a button for your Tool to the browser, so you have 1-click access to it on any site. Learn how on the [Tool Buttons](tool-buttons) page.

## Tool Description
* If you open the `Description` section, you can also add a description of what your Tool does and assign it a Category. These can be useful to remind yourself what a Tool does, and are also helpful when sharing Tools with others. 

## Scrapers and APIs
## Extractors and APIs
If you open the `Extractors and APIs` section you can pick whether this Tool calls an LLM or an API. Depending on what you pick, you'll have the following options. 
### - LLM Tools
#### Write results to:
By default your Tool will write its results to your screen, either in a floating panel, in the chat, or into a control on the web page that you're on. You can also have the output written to an external file. You can see a list of all the supported services [here](/docs/connections#services)
1. From the `Write results to:` list, select a [Connection](/docs/connections). If you need to create a new connection, click on the gear icon. 
1. Select the document or object (and if applicable subdocument or subobject) that you want to write the output to. 
1. A "Generate Prompt" button will appear if this is a structured document or object. Press this and Ask Steve will automatically generate a prompt that will format the output for your document or object, based on the fields or headers in your document or object. You can then modify this prompt to give the LLM extra hints or instructions.
1. If it's an unstructured document, like a Google Doc, a Google Chat message, a Slack message or a Notion page, whatever data your Tool outputs will be written to the document. 
1. `Save` the Tool and try it out on some data!

##### Advanced Settings
* Structured documents will show an `Advanced Settings` link that you can click on to configure how new data is added to your document. 
* **Append** always add new records to the end of the document
* **Skip Duplicates** looks for existing records that match the fields that you pick, and if it finds any it does not add a new record. Anything that isn't matched is added to the end of the document. This is useful to prevent duplicates. *Note that Upserts can take a lot longer since they're doing a lot more work.*



#### Override model with:
By default your Tool will use whatever model is currently selected on the [Models](/docs/models) page. You can assign a specific model to your Tool here. This is useful when you've identified certain models as better or more cost-effective for certain tasks. 

### - API Tools
Read more about how to configure API/Webhook tools [here](/docs/webhooks)

## Editing a Tool
Select the Tool that you want to update, make your desired changes, then press the `SAVE` button. 

## Deleting a Tool
* Select the Tool you want to delete, press the trashcan icon in the lower left corner and then confirm deletion.
* If you want to delete a bunch of Tools at once, you can do so from the [Import/Export page](/docs/export).
* You should feel free to delete any Tools that you don't want or need! You can always add them back later from the [Tool Library](/docs/library).
* Backup any of your custom Tools by [exporting](/docs/export) them.

## Page Variables
<div style={{ position: 'relative', paddingBottom: '56.25%', height: 0, overflow: 'hidden', maxWidth: '100%', height: 'auto' }}>
  <iframe 
    src="https://www.youtube.com/embed/txVcF42cVAQ?si=OPEK64ghSV0Zq5c1" 
    title="YouTube video player" 
    frameBorder="0" 
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" 
    referrerPolicy="strict-origin-when-cross-origin" 
    allowFullScreen 
    style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}>
  </iframe>
</div>
<br />
Tools are most valuable when they're able to take information from the page that you're on and use it. The way we do that is with **Page Variables**. You can add a Page Variable to your Tool by typing in something surrounded by `[[double brackets]]`. When Steve sees this, he knows that he needs to grab some information from the page - either whatever text is selected or the whole page if nothing is selected. See the simple example below: 
> Pretend that I'm a junior high school student and you are an award winning teacher.
> Explain the following to me in clear and understandable language: [[Text to explain]]

This Tool has one Page Variable, "Text to explain". You can have up to 10 Page Variables in a Tool. Here's a more complicated example where the Tool will need to grab multiple pieces of data from the page:

> Write me a summary of this accident. Here are the details: 
>
>\
> The car make is: [[Car Make]], the model is: [[Car Model]] and the year is: [[Car Year]].
> The accident happened on [[Accident Date]] in the city of [[Accident City]]

This Tool will take 5 pieces of data from the page and use them to write a summary. Take a look at the various Tools that ship with Steve, and try adding your own!

**NOTE:** Any Tool with more than 1 Page Variable can only be used by [Tool Buttons](/docs/tool-buttons). This is because only Buttons can grab more than one piece of content from a page.

## User Variables
<div style={{ position: 'relative', paddingBottom: '56.25%', height: 0, overflow: 'hidden', maxWidth: '100%', height: 'auto' }}>
  <iframe 
    src="https://www.youtube.com/embed/7J-dxLleecg?si=LGfwFO3FnWQRAmmh" 
    title="YouTube video player" 
    frameBorder="0" 
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" 
    referrerPolicy="strict-origin-when-cross-origin" 
    allowFullScreen 
    style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}>
  </iframe>
</div>
<br />

Sometimes you will want to create a Tool that requests information from the user, and you can do that with **User Variables**. User Variables are surrounded by `{{double curly braces}}` in your Tools. When you trigger the Tool, Steve will ask you to fill in the variable and then will use the Tool. User Variables are free text by default, and you can have as many of them as you want.

A good example here would be a recruiter who is recruiting for multiple positions. They can create one "Write a candidate outreach" Tool and attach a Tool Button for it to a page. Then when they press the button, it can ask them for the specific Job Requisition, which they can paste in. That way they don't have to create a different Tool for each job they're trying to fill. Here's an example of what that might look like: 
> Your name is Riley Hunter and you're a recruiter at Roadrunner Software. You are reaching out to a candidate about a requisition that you're trying to fill. 
>
>\
> This is the job requisition: \{\{Job Requisition\}\}
> and this is the candidate's resume page: [[Resume Page]]
>
>\
> Please write me a personalized outreach letter to the candidate that explains why they'd be a good fit for this job. 

You can see in this example that the candidate's resume is being pulled from the current page, and then Steve will ask the recruiter for the Job Requisition. 

#### Multiple Choice in User Variables
If you want to give users options to select from instead of a free text field, you can do so as follows: 
* If you want the user to pick a **single option**, put them in a pipe-separated list inside parens after the User Variable, like this: `{{Pick a color}}(Red|Blue|Yellow|Green)`. If there are 5 or less options, Steve will show them as radio buttons. If there are more than 5, Steve will show the options in a dropdown list. The value of the User Variable will be whatever option was picked. 
* If you want the user to be able to pick **multiple options**, put them in a double-pipe-separated list, like this: `{{What days are you available?}}(Sunday||Monday||Tuesday||Wednesday||Thursday||Friday||Saturday)`. Steve will show the options as checkboxes. The value of the User Variable will be an array of the selected options. 
* If you just want **a single checkbox**, then just put one option inside the parens, like this: `{{Add the URL?}}(Yes)`

## System Variables
There are times when you want to send system data to your tool, including things like the time and date, the URL of the current page, etc. The following System Variables can be sent to your Tool if you include them in your instructions in single brackets, e.g. [_url], [_html], [_timestamp].
1. **_date**: has the human-readable date as returned by `new Date().toLocaleDateString()`
1. **_html**: has a stripped down version of the HTML of the current page. Most non-text nodes are removed. This is helpful if you need to do some analysis of the page structure. 
1. **_imageUrls**: is an array that contains one object for each image on the page. The array looks like `[{"alt": "Alt text of the image", "url": "https://something..."}, ...]`
1. **_language**: has the language of the browser making the API call, as returned by navigator.language
1. **_links**: is an array that contains one object for every link on the page or in the currently selected text. The array looks like `[{"text": "Text of the link", "url": "https://something..."}, ...]`
1. **_os**: has the operating system of the computer making the API call, as returned by [chrome.runtime.getPlatformInfo](https://developer.chrome.com/docs/extensions/reference/api/runtime#method-getPlatformInfo)
1. **_preferences**: has the user's [Preferences](/docs/preferences). 
1. **_prompt**: has the full prompt - so all the text in the Tool with all the variables replaced, as if you were sending a single prompt to an LLM. All page and user-input variables will be replaced, and all System Variables will be removed. 
1. **_toolName**: has the name of the Tool being called.
1. **_time**: has the human-readable time as returned by `new Date().toLocaleTimeString()`
1. **_timestamp**: has the timestamp of the API call. This is a numeric value (integer) representing the number of milliseconds since the Unix epoch, as returned by the Javascript `Date.now()` function. 
1. **_title**: has the title of the current page. 
1. **_url**: has the URL of the current page. 
1. **_userAgent**: has the user agent of the browser making the API call, as returned by navigator.userAgent



> **Example Instructions:** *Repeat this exactly: On [_date] at [_time] from [_url] I captured the following text: [[page text]]*


## Premium Features
1. You can write to many external services for free, but some require a [Premium plan](/pricing).  
3. Calling APIs or Webhooks requires a [Premium plan](/pricing).


## Tips for Writing Good LLM Tools
* Look at all the Tools that Steve ships with and use those as a starting point. 
* Tell Steve who he is, what he does, and that he's good at it. Even AI interns like positive reinforcement!
> You are a superstar recruiter named Riley Hunter and you work at Roadrunner Software. 
* Be very precise and descriptive with your instructions
* If you're writing a long or complex Tool, put the text that you want processed or analyzed near the beginning, then give the detailed instructions about what to do with it. 
* If you can provide examples for Steve to learn from, that is ideal. Give Steve examples of the INPUT that you want to give him, and the kind of OUTPUT that each INPUT should generate. 
* Experiment & iterate! Writing good Tools is about trying different things and approaches until Steve gives you the results that you want!
* If you really want to go deep on how to write good LLM prompts (which is basically what a Tool is), then there are plenty of online resources. [Try this one!](https://learn.codesignal.com/preview/courses/74/understanding-llms-and-basic-prompting-techniques)

## How do I Use a Tool? 
* By pinning the Tool so that it appears on every page as a [Tool Button](/docs/tool-buttons) and then pressing it.
* By selecting some text on a page and then bringing up the [Chrome Context-Menu](/docs/context-menu) (right-click) and selecting `"Ask Steve to..."` and then a Tool. Or if you want Steve to help with the whole page, just right-click anywhere on the page. 
* From the [Chat](/docs/chat) you can press the lightning bolt icon and then either select a Tool from the dropdown or start typing its name and then selecting it. (A shortcut is to click into the Chat field and press the `SPACE` key and then start typing the name of the Tool)
* By bringing up the [Writing Helper](/docs/writing-helper) in an editable text field and either selecting the Tool from the dropdown or starting to type in its name and then selecting it. 

## Advanced Tool Properties
The following properties are not accessible via the Ask Steve interface, and can only be added or edited in a Tool's JSON file. You can export the JSON file for a Tool, edit it, and then re-import it from the [Import/Export] (/docs/export) page. 
* **addGrounding**: (true/false) Indicates whether the Tool should use Google Gemini's grounding capability
* **cookieRequired**: (object) Indicates that the specified cookie is required to run this Tool. If the cookie is not present or has expired or has an empty value, the Tool will not run. If you are calling a [Webhook/API](/docs/webhooks) then a variable with the name and value of the cookie will be sent to the Webhook/API. The format of the object is as follows: `{ "url": "The url for the cookie", "name": "The name of the cookie", "errorMessage": "Your error message, can include HTML to link to your site"}`
* **modelRequired**: (true/false) Indicates that the specified model is required, and this Tool won't work with any other model
* **selectionRequired**: (true/false) Indicates whether the Tool only works with a text selection (instead of a whole page)


## Pro-Tips
* You can use emoji in Tool names. Tool Buttons will try to use an emoji if there is one in the name, otherwise it will use the first number or letter in the name.
* When filling out the User Variables dialog, pressing `COMMAND-ENTER` (Mac) or `CONTROL-ENTER` (Windows or ChromeOS) in a free text field will submit it. 


Create Reusable AI Tools that you can write once and use over and over

Create Reusable AI Tools using Ask Steve, the 1-Click AI Assistant and Tool Belt for your Browser

<div style={{ position: 'relative', paddingBottom: '56.25%', height: 0, overflow: 'hidden', maxWidth: '100%', height: 'auto' }}>
  <iframe 
    src="https://www.youtube.com/embed/hlER510DU6c?si=1rgQCY_p-b6u8glF" 
    title="YouTube video player" 
    frameBorder="0" 
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" 
    referrerPolicy="strict-origin-when-cross-origin" 
    allowFullScreen 
    style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}>
  </iframe>
</div>

## What Are Tool Buttons?
* When you want 1-click access to a Tool on every web page (e.g. Summarization), then you can check `Add Button` and it will appear above the purple lightning bolt tab as a Tool Button.
* The topmost Buttons are those that are specific to the current site. These are followed by all the buttons that show on all sites. Within each section they are sorted top-to-bottom in alphabetical name order. You can rearrange the buttons by renaming your Tools.
* If there is an emoji anywhere in the name of a Tool, it will be used on the Button. 
* If there is no emoji, the first letter or number in the Tool name will be shown.

## Adding and Removing Buttons
* Press the purple lightning bolt tab to open the Ask Steve sidepanel
* Go to the Tools tab
* Select the Tool you want to edit and check `Add Button` if you want to add a Button, or uncheck it to remove a Button. 
* Press `UPDATE` to save. 
* The changes will take effect immediately.

## Button Settings
Once you have saved your Tool with `Add Button` checked the `Button Settings` tab will appear. On that tab you can change the following: 
* **Button background color**
* **Button text color**
* **What URLs the button should appear on**. This enables you to create buttons that only appear on LinkedIn profiles for instance. And using the options above, you can give these buttons LinkedIn's colors. All buttons that match a specific site are shown first, followed by buttons that don't have a URL specified. 
* **Advanced Options: Inputs**: For any Tools with 1 [[Page Variable]](/docs/tools#page-variables), by default Steve will use any selected text on the page, or the whole page if nothing is selected.<br /><br />You can override that here by clicking on the page variable and then mousing to the section of the page that contains the data that you want to use.<br /><br />For Tools with more than one page variable, this step is required - you will need to specify where to get the data for each page variable. 
* **Advanced Options: Output**: By default Steve puts the results on the current page in a floating panel. If you want your button to write the results back into a control on the page, you can specify that here and use your mouse to select the control.
* **Advanced Options: Copy results to clipboard**: If this box is checked, when this Tool is run, in addition to displaying the results on the screen, Steve will copy them to the clipboard automatically.


## Pro-Tips
* Tools that have buttons added and that aren't limited to a specific URL are also moved to the top of the [Context-Menu](/docs/context-menu)
* Right-click on any Button to temporarily hide them all
* Permanently hide the purple lightning bolt tab and all the Buttons on the [Settings](/docs/settings) page.



Add 1-Click AI Buttons to your Browser with Ask Steve

## What is the Writing Helper? 
The Writing Helper adds Steve to most multi-line text fields. You can ask him to write content for you or edit the content that's already in the field. It brings the power of AI right to where you work!

## The Quick Basics
* Watch the video below for a quick introduction. 
* Type whatever you want Steve to do, or pick a Tool from the list. 
* If there's no text it will help you write something. If there is, it will help you rewrite or analyze it. 
* `Enter` gives you the results in a floating panel so you can review and edit if you like. 
* `Command-Enter` (or `Control-Enter` on Windows/ChromeOS) attempts to overwrites the existing text if you're feeling lucky. This doesn't work on all sites. 
* `Command-Z` (or `Control-Z` on Windows/ChromeOS) while the Writing Helper is open tries to UNDO back to the last text. 
* Temporarily get rid of it with a right-click, permanently turn it off in the [Settings](/docs/settings). 
<br />
<div style={{ position: 'relative', paddingBottom: '56.25%', height: 0, overflow: 'hidden', maxWidth: '100%', height: 'auto' }}>
  <iframe 
    src="https://www.youtube.com/embed/ntm59m2pzgg?si=CPwEJo-JbVkDEH-6" 
    title="YouTube video player" 
    frameBorder="0" 
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" 
    referrerPolicy="strict-origin-when-cross-origin" 
    allowFullScreen 
    style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}>
  </iframe>
</div>

## Bringing Up the Writing Helper
You can bring up the Writing Helper over any editable text field in the following ways: 
* All platforms: Click on the little Writing Helper icon in the upper right of any multi-line text field.
* **Mac:** Press `Command-Shift-K`
* **Windows & ChromeOS:** Press `Control-Shift-K`

If you don't like the default keyboard shortcut, you can change it! Press the puzzle piece icon in the Chrome toolbar, select `Manage Extensions` from the menu and then `Keyboard shortcuts` on the Extensions page in the left navigation menu. From there you can change the shortcuts for Ask Steve.

## Using the Writing Helper
* You can start typing in the name of a Tool and then pick it from the list. 
* Alternately you can select a Tool from the dropdown menu.
* Or if you don't have a Tool for what you want, just type whatever you want Steve to do!
* Pressing `ENTER` in the Writing Helper tells Steve to do what you asked. By default Steve will put his response in a floating panel on the page. 
* If you want Steve to attempt to overwrite the existing content with his response, press `Control-ENTER` (ChromeOS, Windows) or `Command-ENTER` (Mac) instead. This doesn't work on all sites.

\
Once Steve completes your request, the Writing Helper stays open so that you can type in another request, so that you can iterate until the content is to your liking. To make it go away: 
* Click anywhere outside the box.
* Press the `Esc` key
* Press `Backspace` until it goes away

**NOTE:** If there is already text in the text field, Steve will assume that your request is about that text and will work with that text.

### Undo
If you press `Command-Z` (Mac) or `Control-Z` (Windows, ChromeOS) **while in the Writing Helper**, Steve will attempt to restore the previous text. The formatting will likely be messed up. See below on how to fix it!

### Fix Formatting
Sometimes Steve will mess up the formatting of text. You can always just ask him to `fix the formatting` and he will do so. 

## The Writing Helper icon
* This icon appears in the top right of any textarea or contenteditable text field
* If you want to make it disappear temporarily, right-click on it
* To remove it permanently from all text fields, turn it off in the [Settings](/docs/settings)

## Pro Tips
### Using a Page Variable
If the text field is empty, you can add a page variable to your request, and Steve will use that to help create the text that he puts in the text field. 
As an example, let's say you're on the page for a support case, and you want Steve to fill in an empty text field with a summary of the case. 
1. Open the Writing Helper in the empty text field
2. Write `summarize this: [[p]]` in the Writing Helper and then press `ENTER`
3. Steve will read the page, summarize it, and put the results in the text field. 
\
\
**NOTE:** This only works on empty text fields. If the text field already has text in it, Steve will read that instead. 



Get AI help writing and rewriting right where you already are

Get AI Help with Writing and Rewriting Right Where You Are with Ask Steve


<div style={{ position: 'relative', paddingBottom: '56.25%', height: 0, overflow: 'hidden', maxWidth: '100%', height: 'auto' }}>
  <iframe 
    src="https://www.youtube.com/embed/2aP1j7_ZODU?si=kIvK6LOmsOK8DXIl" 
    title="YouTube video player" 
    frameBorder="0" 
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" 
    referrerPolicy="strict-origin-when-cross-origin" 
    allowFullScreen 
    style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}>
  </iframe>
</div>

## Chatting with Steve
Chat is a great way to find specific information on long web pages or to get quick answers on general topics. 

* Press the lightning bolt tab to open the sidepanel and access Chat. 
* You can ask Steve questions about anything and he'll try to answer 
* Including the current page that you're viewing
* To reset the conversation and Steve's memory, press the trash can icon in the upper right. This can be helpful if Steve seems confused.
* To copy a response, mouse over it and then press the Copy icon. 

## Tools in Chat
### Run a Tool on the current page or selection
* To use a Tool on the current page, press the lightning bolt icon in the chat field. You can then use the dropdown to pick a Tool or start typing in the name of one and then select it. 
* If there is selected text on the current page, Steve will use that for the Tool. 
* To get back to normal chat press the `ESCAPE` key or just hit `BACKSPACE` several times.
* **NOTE**: A shortcut to open the Tool selector is to type a `SPACE` in the chat input.

### Run a Tool on a previous Chat response
Sometimes you might want to run a Tool on one of Steve's previous responses. To do so: 
* Mouse over the response and press the lightning bolt icon
* The selected response will be highlighted and now you can pick the Tool you want to run on it. 

## Pro-Tips
* You can Chat with a Google Doc - either the whole document or a selection. [video](https://youtu.be/-tpV5Dl-MTU)
* You can Chat with a Google Slide deck - either the whole deck or a selection. [video](https://youtu.be/43118FC6UOs)
* You can Chat with a PDF - either the whole document or a selection. [video](https://youtu.be/oYkGbrtlDUY)
* You can Chat with a selection in Microsoft Word Online, but not a whole document 
* You can Chat with a selection in Microsoft PowerPoint Online, but not a whole document 
* You can Chat with a YouTube video. [video](https://youtu.be/_JEzgl5SNbE)
* You can Chat with a downloaded file, see [File Chat](/docs/file-chat)





Chat with any web page, PDF, YouTube video, Google Doc or Google Slide deck

Use AI to Chat with any Web Page, PDF, YouTube Video, Google Doc or Google Slide Deck


<div style={{ position: 'relative', paddingBottom: '56.25%', height: 0, overflow: 'hidden', maxWidth: '100%', height: 'auto' }}>
  <iframe 
    src="https://www.youtube.com/embed/mqGTH_EOK10?si=mqRZFU88kwPucpDD" 
    title="YouTube video player" 
    frameBorder="0" 
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" 
    referrerPolicy="strict-origin-when-cross-origin" 
    allowFullScreen 
    style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}>
  </iframe>
</div>

## Get Help with Selected Text
* Select any text on a page, whether it's in an editable text field or not, and then right-click to open the browser context menu. 
* Select `Ask Steve to...` and then pick a Tool
* The results will be shown in a floating panel on the page.

## Get Help On Any Page
* Go to any page and open the browser context menu by right-clicking somewhere on the page. 
* Select `Ask Steve to...` and then pick a Tool
* Steve will read the whole page and then execute your request and put the results in a floating panel on the page.

## Quick Access to Certain Tools
* By default every Tool is put in the Category folder that it was assigned to.
* Tools where you have selected `Add Button` and that are not limited to specific URLs appear at the top level of the menu for fast access.

## Pro-Tips
### Use Steve on Steve
* You can use the context menu on any of Steve's floating panel responses. He will put the response in a new floating panel. 
* You can use the context menu on any of Steve's chat responses. He will put the response in the chat. 


Run Ask Steve Tools on any Web Page, PDF, YouTube Video, Google Doc or Google Slide Deck with the Context Menu

Run AI Macros on any Web Page, PDF, YouTube Video, Google Doc or Google Slide Deck with the Context Menu


<div style={{ position: 'relative', paddingBottom: '56.25%', height: 0, overflow: 'hidden', maxWidth: '100%', height: 'auto' }}>
  <iframe 
    src="https://www.youtube.com/embed/gW_ADqpBBj4?si=5R9OJeDH_VnA3Q6P" 
    title="YouTube video player" 
    frameBorder="0" 
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" 
    referrerPolicy="strict-origin-when-cross-origin" 
    allowFullScreen 
    style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}>
  </iframe>
</div>
<br />
<div style={{backgroundColor: 'darkviolet', padding: '1rem'}}>
**The Standard Plan is limited to 1 Notebook.<br />
Premium and Enterprise Plans have unlimited Notebooks.**
</div>

\
To access the Notebook Settings, click on the `Notebooks` link in the left navigation of the Extension Settings.  Or [click here](https://quickstart.asksteve.to/browsers/notebooks.html). 

## What are Notebooks?
There are often times when you want to run a Tool on information that's spread across multiple web pages, PDFs and YouTube videos. Now you can use Ask Steve to collect all that information into a single Notebook that you can use your Tools on.

Your first Notebook ("My First Notebook") is automatically created for you. 

## Creating a Notebook
* Go to the [Notebooks](https://quickstart.asksteve.to/browsers/notebooks.html) page in the extension Settings. 
* Press the `ADD NEW NOTEBOOK` button.
* Enter a name for your Notebook.
* Press the `SAVE` button. 

## Adding to a Notebook
* Right-mouse-click on any page or text-selection and then select `Ask Steve to...` then `Add to Notebook` and then select the Notebook you want to add to. 
* The Notebooks in this menu will be placed in alphabetical order. So you can change the order by changing the names. 
* You can use [Keyboard Shortcuts](/docs/keyboard-shortcuts) to quickly add the current page or text-selection to the first notebook in the list
* You can add anything that Ask Steve can read, which is most web pages, PDFs, YouTube videos, Google Docs and Google Slide decks.

## Going to a Notebook
* From the [Context-Menu](/docs/context-menu) on any page, select `Ask Steve to...` then `Go to Notebook` and then select the Notebook you want to go to. 
* From the [Notebooks](https://quickstart.asksteve.to/browsers/notebooks.html) page in the extension Settings, select the Notebook from the list on the left side, then press the purple `GO TO NOTEBOOK` button. 
* You will also get a link to the Notebook any time you add notes to it. 

## Using a Notebook
* The Notebook page is a web page like any other web page that you can use Ask Steve on. 
* So you can [Chat](/docs/chat) with the page or selection, run [Tools](/docs/tools) on the page or selection, use [Tool Buttons](/docs/tool-buttons) or the [Context-Menu](/docs/context-menu), etc. 

## Editing a Notebook
* Go to the Notebook page as described above. 
* Make any edits you want, add or remove information, etc. and your Notebook will be Autosaved after 1 second. 

## Deleting a Notebook
* Go to the [Notebooks](https://quickstart.asksteve.to/browsers/notebooks.html) page in the extension Settings. 
* Select the Notebook you want to delete. 
* Press the trashcan icon and confirm deletion. 

## Where are Notebooks Saved?
They are saved on your computer. Nothing goes to the cloud or gets stored on a server.


Quickly collect information from multiple sources so Steve can analyze it for you

Quickly Collect Information from Multiple Sources into a Notebook so you can use AI on it


## Why One-Time Requests?
[Tools](/docs/tools) are great for when you know ahead of time what you're going to need help with, but that's not the case a lot of the time. One-time requests enable you to ask for anything, at any time. And if you find that you're making the same one-time request over and over, you can always make a Tool!

Here are all the ways to make a one-time request with Ask Steve:
* Run the "Do something ✨" Tool from a [Tool Button](/docs/tool-buttons)
* Right-click to open the [Context-Menu](/docs/context-menu) on a page, on some selected text, or in an editable text field, and then select `Ask Steve to...` and then `Do something ✨`
* Press the Ask Steve toolbar icon to open the sidepanel to access [Chat](/docs/chat), and then type in your question.
* Open the [Writing Helper](/docs/writing-helper), type in your request and then press `ENTER`



All the ways that you can make a one-time request to Steve

Make One-Time AI Requests with Ask Steve. Ask for Anything that You Could Ask ChatGPT or Gemini


You can change any of these shortcuts by going to chrome://extensions in your browser and then clicking on "Keyboard shortcuts" in the left navigation menu. 

## Mac
* `Command-Shift-K`: Brings up the [Writing Helper](/docs/writing-helper) when pressed in any text field where you can type.
* `Command-Shift-X`: Adds the current page or text selection to the 1st [Notebook](/docs/notebooks) in your Notebook list.

## Windows, ChromeOS
* `Control-Shift-K`: Brings up the [Writing Helper](/docs/writing-helper) when pressed in any text field where you can type.
* `Control-Shift-X`: Adds the current page or text selection to the 1st [Notebook](/docs/notebooks) in your Notebook list.


Get things done fast with Ask Steve's keyboard shortcuts

Keyboard Shortcuts for Ask Steve, the 1-Click AI Assistant and Tool Belt for your Browser


<div style={{backgroundColor: 'darkviolet', padding: '1rem'}}>
**This is only available on the Premium Plan.**
</div>
<br />
<div style={{ position: 'relative', paddingBottom: '56.25%', height: 0, overflow: 'hidden', maxWidth: '100%', height: 'auto' }}>
  <iframe 
    src="https://www.youtube.com/embed/g7f_vh6uN0Q?si=I44j-wf1cSMMX5AG" 
    title="YouTube video player" 
    frameBorder="0" 
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" 
    referrerPolicy="strict-origin-when-cross-origin" 
    allowFullScreen 
    style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}>
  </iframe>
</div>
<br />

## Why Call an API or Webhook? 
* This gives you the ability to call your own APIs that can do pre- and post-processing. 
* As an example, you could configure your own internal API that Steve calls with an account number that he pulls from a page. Your API can use that account number to pull relevant data about that account from internal systems, directly make an LLM call with the new augmented data, and then pass the result back to Steve. 
* Or you could send the input to an LLM for processing, and then write it out to a Google Sheet or to Salesforce. 
* Or you could proxy all requests so that you can log them, or filter any sensitive information out. 
* You can do this with your own code running on a server somewhere, or with any visual workflow builder like [n8n](/blog/demos/n8n), [Pipedream](/blog/demos/pipedream), [Activepieces](/blog/demos/activepieces), [Make](/blog/demos/make), [Zapier](/blog/demos/zapier), [Gumloop](https://www.gumloop.com/) etc. that supports Webhooks. 
* This enables you to do a lot more than just call an LLM! 

<div style={{backgroundColor: 'indigo', color:'white', padding: '1rem', marginTop: '20px'}}>
**Check out [this Blog Post](/blog/tutorials/make-lead-to-sheets) for a detailed walkthrough showing how to connect Ask Steve to a Make.com API**
</div>

<br /><br />
<img src="../assets/images/docs/webhook-chart.png" />

## How to Call an API or Webhook
Ask Steve can interface with any API or Webhook on the back-end. 
* To point a Tool to an API/Webhook instead of an LLM, open up the `Advanced Options` on the Tool and select `API / Webhook` from the `Send to` list.
* API/Webhook Tools behave as follows: 
1. All requests are made via POST
2. In the Tool configuration, the default header is to set the Content-Type to "application/json", but you can add anything else to the header that you need, including an API key or Authentication key. 
3. The body of the POST request automatically contains a property for every [Page Variable](/docs/tools#page-variables), [User Variable](/docs/tools#user-variables) and [System Variable](/docs/tools#system-variables). All other text in the "Instructions for Steve" area are ignored. If there are static variables in the body that you want to send, you can include them in the Tool configuration.
5. The default behavior is that your API/Webhook should return an object with a "message" property (string) if it was successful, and an "error" property (string) if it was not. This is what will be shown to the user. You can change this if desired in the Tool configuration. 
6. You can include HTML and Markdown in what you return. URLs will be hyperlinked automatically. 


> **Example Instructions:** *This Tool captures [[leads]] and sends them to a Webhook. [_url][_title]*
>
> The POST body will have the specified property "leads" with the selected text or current page. The system variables "_url" and "_title" will also be added. All other text is ignored and not sent to the API/Webhook. 

> **Example Instructions:** *This Tool captures a [[headline]], [[author]] and [[article]] then asks the user for \{\{what do you want to do with this\}\} and then sends them to a Webhook*
>
> The POST body will have the three specified page variables, "headline", "author", "article" and the user-input variable "what do you want to do with this". All other text is ignored and not sent to the API/Webhook. 

## Inserting Variables into the Header or Body
You can insert any variable into the Header or Body. Any variables that don't have a placeholder in the Header or Body will be sent as top level variables in the Body as described above. 
> Example Header:
> \
> `{`
> \
>  `"Content-Type": "application/json"`
> \
>  `"Authorization": "Bearer {{What is your API Key}}`
> \
> `}`
> \
> This will take the User Variable "What is your API Key" and insert it into the Header.
<br />
> Example Body:
> \
> `{`
> \
>  `"model": "mistral-moderation-latest",` 
> \
>  `"input": ["[[Text to Moderate]]"]`
> \
> `}`
> \
> This will take the Page Variable "Text to Moderate" and insert it as a String in an Array as the value of the "input" key. 

Extend the capabilities of Ask Steve by calling any API or Webhook

Extend the Capabilities of Ask Steve, Your 1-Click AI Assistant, with APIs and Webhooks


<div style={{ position: 'relative', paddingBottom: '56.25%', height: 0, overflow: 'hidden', maxWidth: '100%', height: 'auto' }}>
  <iframe 
    src="https://www.youtube.com/embed/_6E6V41WZhA?si=s1VJ04AMS0C5Yq96" 
    title="YouTube video player" 
    frameBorder="0" 
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" 
    referrerPolicy="strict-origin-when-cross-origin" 
    allowFullScreen 
    style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}>
  </iframe>
</div>

Ask Steve can work on your local (downloaded) files via our [File Chat](https://quickstart.asksteve.to/viewer) page. This page extracts the text out of your files so that Ask Steve can use it. 

## Accessing File Chat
* You can open File Chat from the bottom of the Ask Steve [Context Menu](/docs/context-menu)
* Also from the sidebar in the extension [Settings](https://quickstart.asksteve.to/browsers/options.html)
* Or by clicking [here](https://quickstart.asksteve.to/viewer/)

## Using File Chat
* Click where it says "Click here to select a file" to pick a file. 
* Alternately you can drag and drop a file onto the purple dropzone. 
* You can also paste an image file into this page and it will be processed.
* You can also paste any text into this page. 

## Supported File Types:
* pdf, docx, pptx, jpg, png, gif
* For PDFs, the page tries to extract any text in the file. If it can't find any, it turns each page into an image and then OCRs it. 

## Processing
* All the processing is done in your browser. Your files never leave your computer. 



Use AI to Chat and Interact with Your Local (Downloaded) Files


Ask Steve formats the results from the LLM or API in the following ways:

## Hyperlinks 
* Any URLs are automatically hyperlinked.

## Markdown
* Markdown is supported. We use the [Showdown](https://showdownjs.com/) library.

## HTML
* HTML is supported. 
* All `<img>` tags are automatically linked to the source image. 

## Parsing Logic
* If the return value starts with ``` then the whole message is parsed as a code block.
* Otherwise all the Markdown is converted to HTML and then the message is rendered.



How to Format the AI Results from Ask Steve with HTML, Hyperlinks and Markdown

Settings


## Accessing the Ask Steve Login page
You can access the Login page in the following ways: 
* Right-click on the Ask Steve toolbar icon and select `Options`
* Click on the Ask Steve toolbar icon or lightning bolt tab to open the sidepanel, then press the gear icon in the upper right
* Following [this link](https://quickstart.asksteve.to/browsers/options.html)

## Sign Up / Login
* Here's where you can see your current plan and can create an account or login. You'll need to login in order to upgrade to Standard or Premium. 
* You can create an account with an email and password, in which case a confirmation email will be sent to you. 
* You can also login with your Google account, in which case no email confirmation is needed. 

## Setting Up a Free Model
* Once you login you can add your API Key for a free model. This will switch you from the QuickStart plan to the Standard plan.
* You can get your **FREE** Google Gemini API Key by following the instructions [here](https://quickstart.asksteve.to/get-gemini-key.html). **Free Gemini is not available in the EU, UK or Switzerland** ([details](/docs/where-it-works#countries)).
* You can get your **FREE** Mistral La Plateforme API Key by following the instructions [here](https://quickstart.asksteve.to/get-mistral-key.html). **This is available worldwide.**
* You can also connect to a [Local Model](/docs/local-models) for free.
* Sign up for the Premium Plan if you'd like to connect to other public models (OpenAI, Cohere, Anthropic, etc.), an on-premise model, or to a non-model API.



Login to Ask Steve and set up your first model

How to Login to Ask Steve, the 1-Click AI Assistant and Tool Belt for your Browser


To access the Settings page, click on the `Settings` link in the left navigation of the Extension Settings.  Or [click here](https://quickstart.asksteve.to/browsers/settings.html). 

## Change the Ask Steve Sidepanel Theme
* **Light:** Use the light theme
* **Dark** Use the dark theme
* **System:** Use whatever theme your OS is set to use

Whenever you close and reopen the sidepanel, it will check for the latest theme setting and use it. 

## Show the Ask Steve Tab
<img src='/assets/images/docs/tab.png' alt="Tab"/>
* By default Ask Steve shows a tab on every page that gives you quick access to the Ask Steve sidepanel. It's purple with a lightning bolt. 
* Pressing the button opens the Ask Steve sidepanel.
* You can grab the drag handle on the tab up and down the right edge of the page and Steve will remember where you placed it.
* If you'd like to turn off the tab, uncheck the `Show Tab` checkbox and press `SAVE`. This also removes any [Buttons](/docs/tool-buttons).
* If you'd like to temporarily hide the tab because you need to take a screenshot or it's just in your way, right-click on it. It will disappear from the current page until the page is reloaded. This also hides any [Buttons](/docs/tool-buttons).

## Show the Ask Steve Writing Helper
<img src='/assets/images/docs/textbug.png' alt="Writing Helper"/>
* By default Ask Steve shows a little icon in every textarea that gives you quick access to writing and rewriting help with the [Writing Helper](/docs/writing-helper).
* Pressing the icon opens the Writing Helper.
* If you'd like to turn off the icon, uncheck the `Show Writing Helper` checkbox and press `SAVE`
* If you'd like to temporarily hide the icon because you need to take a screenshot or it's just in your way, right-click on it. It will disappear from the current textarea. 



How to Configure Ask Steve, the 1-Click AI Assistant and Tool Belt for Your Browser


<div style={{ position: 'relative', paddingBottom: '56.25%', height: 0, overflow: 'hidden', maxWidth: '100%', height: 'auto' }}>
  <iframe 
    src="https://www.youtube.com/embed/9ufq_o3o4aM?si=H0fOQOUwSXAOWreS" 
    title="YouTube video player" 
    frameBorder="0" 
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" 
    referrerPolicy="strict-origin-when-cross-origin" 
    allowFullScreen 
    style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}>
  </iframe>
</div>
<br />
To access the Tool Library page, click on the `Tool Library` link in the left navigation of the Extension Settings. Or [click here](https://quickstart.asksteve.to/browsers/library.html).

## Installing a Tool
* Click the row for any Tool that you're interested in. You can review the notes and the instructions/prompt for Steve.
* If you want to install the Tool, click on the `INSTALL` button.
* The Tool will be added to your Tools list. If you want to edit it, go to [Tools](/docs/tools) tab in the Ask Steve sidepanel. 

\
**NOTE:** Existing Tools are overwritten, so if you have made any customizations, they will be lost.

## Installing Curated Tool Packs
We have created curated Tool Packs for certain roles and tasks. You can install them [here](https://quickstart.asksteve.to/packs.html).


Find and install new Tools, then customize them and make them yours!

Find New AI Tools (Macros) in the Ask Steve Tool Library


<div style={{ position: 'relative', paddingBottom: '56.25%', height: 0, overflow: 'hidden', maxWidth: '100%', height: 'auto' }}>
  <iframe 
    src="https://www.youtube.com/embed/mBLL0Bm7yqo?si=PAHAwscaJ01tF24V" 
    title="YouTube video player" 
    frameBorder="0" 
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" 
    referrerPolicy="strict-origin-when-cross-origin" 
    allowFullScreen 
    style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}>
  </iframe>
</div>

To access the Import/Export/Delete page, click on the `Import/Export` link in the left navigation of the Extension Settings.  Or [click here](https://quickstart.asksteve.to/browsers/manage.html). 

## Export
* To export Tools select the items that you want to export, and then press the `EXPORT` button. 
* Selecting/deselecting the checkbox in the header row will select/deselect all the items.
* A .json file will be downloaded to your computer. You can use this as a backup, or to share Tools with coworkers. 

## Import
* To import Tools press the `IMPORT` button, read and acknowledge the warning, and then select a .json file to import
* Only Ask Steve .json files will work
* It's good practice to export/backup your current configuration before importing new Tools. 

## Delete
* To delete Tools select the items that you want to delete, and then press the `DELETE` button. 
* Selecting/deselecting the checkbox in the header row will select/deselect all the items.
* Confirm deletion and your items will be deleted. 
* You should feel free to delete any Tools that you don't want or need! You can always add them back later from the [Tool Library](/docs/library)

## Pro Tip
The Ask Steve .json files are just text files that can be edited, so if you need to make bulk changes you can export, make your changes, and then re-import.  


Import, export and bulk delete your Tools

Manage your Ask Steve AI Tools - Import, Export and Bulk Delete


<div style={{ position: 'relative', paddingBottom: '56.25%', height: 0, overflow: 'hidden', maxWidth: '100%', height: 'auto' }}>
  <iframe 
    src="https://www.youtube.com/embed/ExK8BhN6TSQ?si=4KrWMFVYengJ7zsf" 
    title="YouTube video player" 
    frameBorder="0" 
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" 
    referrerPolicy="strict-origin-when-cross-origin" 
    allowFullScreen 
    style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}>
  </iframe>
</div>
<br />
To access the Preferences page, click on the `Preferences` link in the left navigation of the Extension Settings.  Or [click here](https://quickstart.asksteve.to/browsers/preferences.html). 

## What are Preferences?
* You can tell Steve facts or instructions that you want him to always keep in mind. 
* An example of a fact might be *My name is Inigo Montoya and the six-fingered man killed my father*
* An example of an instruction might be *Always respond in Spanish*
* An example of something more involved might be your whole resume.
* Every request you make to Steve includes your preferences. This way you can tell Steve something once and he'll "know" it every time he helps you out.  

> For example: If I save a memory with my name, job title and company, then in any Tool I can ask Steve to use them and he will know what they are. 

## Editing your Preferences
* On the [Preferences Page](https://quickstart.asksteve.to/browsers/preferences.html) update your preferences and then save them. 

## Pro-Tips
* Try to keep your preferences on the shorter side, as they take up some of the limited room in your LLM request
* Preferences don't always work like you'd expect - some models are better than others at using them. You will need to experiment!




Have Steve remember facts and instructions about you

Tell Steve, Your AI Assistant, Things About You That He Should Remember

<div style={{backgroundColor: 'darkviolet', padding: '1rem'}}>
* **This is only available on the Premium Plan.**
* **You need to have your own account (paid or otherwise) with the LLM service/model provider.**
</div>


To access the Models page, click on the `Models` link in the left navigation of the Extension Settings. Or [click here](https://quickstart.asksteve.to/browsers/models.html).

## What Does the Model Do? 
* The model is the LLM service that Steve uses to help you accomplish all your tasks. 
* During your QuickStart trial Ask Steve uses Google's Gemini 1.5 Flash model.
* After that, you can use the same model with your own API Key, or Mistral's free La Plateforme model.
* All models have different characteristics and are better or worse at various tasks.
* Generally the better the model, the slower and more expensive it is. 
* **When you use the free Gemini or Mistral models, those companies reserves the right to use your data for training purposes and to make their products better.** 
* If your data is sensitive or you are concerned about privacy, you should sign up for a Premium Ask Steve account and then connect Ask Steve to an account at a provider that doesn't use your data. 
* Switching out Steve's model is like switching out his brain. 

## QuickStart Model
* The QuickStart plan uses Google's Gemini 1.5 Flash model.
* When you are on the QuickStart plan, your requests are sent to the Ask Steve server, which sends them along to Google, and then sends the results back. Your requests go through our server, but we never save anything. 

## Add a New Model
* To add a new model, press the `ADD NEW MODEL` button. A dialog will open with a number of model templates that you can select from, and a place for you to enter your API Key for that model if you have it already. Press `OK` and the interface will be filled in with the template details. 
* Edit any of the details that you need to
* To test the model, scroll down to the `Test Your Connection` area and press the `TEST` button. A sample query will be sent and the response shown below. 
* Once you are satisfied that everything is working correctly, press the `SAVE NEW MODEL` button. Steve will switch to using this new model, as indicated in the dropdown list at the top of the page. 

All requests are made via POST. The data fields for a model are as follows: 
* **Name:** So that you know what model this is. This is shown to users in error messages. 
* **URL:** The URL endpoint for this model
* **Context Window:** The size of the context window for this model. This can usually be found on their documentation pages. If in doubt, put in 32000
* **Header:** The JSON header that is sent in the POST request. This should be formatted according to the service provider's documentation. This typically includes the API Key or other authentication for the service. 
* **Body:** The JSON body that is sent with the POST request. This should be formatted according to the service provider's documentation. 
* **Response Path:** In bracket notation, the path to the field in the response object that contains the actual response. This will be in the service provider's documentation. Note that one-shot responses and streaming responses usually have different paths, even from the same service provider. 
* **Error Path:** In bracket notation, the path to the field in the response object that contains any error messages. This will be in the service provider's documentation.
* **This is a Streaming API:** If you are calling a streaming API, this needs to be checked, as streaming responses are parsed differently than non-streaming responses. 

## Edit a Model
* Select the model that you want to edit from the `Steve is using:` dropdown. 
* Make your edits
* Press the `UPDATE` button
\
\
**NOTE:** This also changes the current model. Change it back when you're done editing via the `Steve is using:` dropdown. 

## Change the Current Model
* Select the model that you want to change to from the `Steve is using:` dropdown. 
* This is automatically saved, so now Steve will use this model.


## Delete a Model
* Select the model that you want to delete from the `Steve is using:` dropdown. 
* Press the `DELETE` button and confirm deletion
* Select whatever model you want Steve to use now

## Pro-Tips
### Call Any API
* If you want to call an API or Webhook from a Tool, see the details [here](/docs/webhooks)

### Change the Temperature
* The `temperature` setting of a model usually ranges from 0.0 to 1.0 or 2.0, where 0 tells the model to provide more factual answers, and the upper limit tells the model to provide more creative responses. The value can be set to a value somewhere in that range (e.g. 0.3)
* The default model and all our templates use a temperature of 0, as most use cases will benefit from more factual responses. 
* When adding a new model, you can set its temperature to something else, depending on how you're going to use it. 
* You can even add the same model multiple times, each with a different temperature, and then assign Tools that need more creativity to higher temperature models. 

### Connect to a Model Running On Your Own Machine
* See details on how to set this up [here](/docs/local-models)

Connect to other models where you have accounts

How to Connect Ask Steve to Cloud-Based AI Models

<br />
<div style={{backgroundColor: 'yellow', color: 'black', padding: '1rem', fontWeight:'bold', borderRadius: '8px', maxWidth:'715px'}}>
   Connecting to any model served from 127.0.0.1 or localhost is now FREE. 
</div>
<br />
<div style={{ position: 'relative', paddingBottom: '56.25%', height: 0, overflow: 'hidden', maxWidth: '100%', height: 'auto' }}>
  <iframe 
    src="https://www.youtube.com/embed/oB2Q4ZuFnBg?si=qFKLwJrotgIiRaAP" 
    title="YouTube video player" 
    frameBorder="0" 
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" 
    referrerPolicy="strict-origin-when-cross-origin" 
    allowFullScreen 
    style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}>
  </iframe>
</div>
*Intro & Initial Setup (0:00-1:18), LM Studio (1:19-2:25), Ollama (2:26-3:10), Jan (3:11-3:59)*

## What is a Local Model?
When you run a local model, the LLM runs on your own computer. Then Steve can use that model instead of using one in the cloud. The primary benefit of this is that **your requests never leave your machine, so all your data is kept private and secure**. The secondary benefit is that it's FREE. We have tested Ask Steve with the providers below, but you should be able to use any system that can expose a model via a local web server.

### What are the downsides? 
* You have to download big model files (e.g. 3+GB)
* You need to have a capable machine
* The models your local machine can run generally aren't as good as the ones you can access in the cloud
* It can be slower, even though it's running locally

## How Do I Use LM Studio With Ask Steve?
1. Download and install [LM Studio](https://lmstudio.ai/)
1. Open LM Studio. Click the purple `Discover` icon in the left nav to find a model and download it.
1. Once it's downloaded, press the `Load Model` button on the 'Download Complete` dialog. 
1. When it's done loading, go to the [Local Server](https://lmstudio.ai/docs/local-server) page in LM Studio by pressing the green icon in the left nav. Switch the `Status` toggle on to `Running`. This will start up a local server on port 1234 with the selected model.
1. Finally, go to the [Models](https://quickstart.asksteve.to/browsers/models.html) page in Ask Steve Settings, press `ADD NEW MODEL` and select `Local: Streaming` from the menu. You won't need an API Key since it's running on your own machine. 
1. Change the port number in the URL field to match what LM Studio is serving on. LM Studio's port is typically 1234, so the beginning of the URL should be `http://localhost:1234...`
1. Change the model name to match what you downloaded, and any other attributes that you want (context window, output tokens, temperature, etc.). Press `TEST` to ensure it works, then `SAVE NEW MODEL` to save it. 
1. Congratulations! Steve is now using a model running completely on your own computer!

## How Do I Use Jan.ai With Ask Steve?
1. Download and install [Jan](https://jan.ai/)
1. Open Jan. Click the `Explore the Hub` button and pick a model to download.
1. Once it's downloaded, press the button near the bottom of the left nav with `< >` inside. Press the `Start Server` button. 
1. Finally, go to the [Models](https://quickstart.asksteve.to/browsers/models.html) page in Ask Steve Settings, press `ADD NEW MODEL` and select `Local: Streaming` from the menu. You won't need an API Key since it's running on your own machine. 
1. Change the port number in the URL field to match what Jan is serving on. Jan's port is typically 1337, so the beginning of the URL should be `http://localhost:1337...`
1. Change the model name to match what you downloaded, and any other attributes that you want (context window, output tokens, temperature, etc.). Press `TEST` to ensure it works, then `SAVE NEW MODEL` to save it.  
1. Congratulations! Steve is now using a model running completely on your own computer!

## How Do I Use gpt4all With Ask Steve?
1. Download and install [gpt4all](https://www.nomic.ai/gpt4all)
1. Open gpt4all. Click the `Install a Model` button and pick a model to download.
1. Once it's downloaded, press the `Settings` icon and under `Application Settings` check `Enable Local API Server`
1. Finally, go to the [Models](https://quickstart.asksteve.to/browsers/models.html) page in Ask Steve Settings, press `ADD NEW MODEL` and select `Local: Non-Streaming` from the menu. You won't need an API Key since it's running on your own machine. 
1. Change the port number in the URL field to match what gpt4all is serving on. gpt4all's port is typically 4891, so the beginning of the URL should be `http://localhost:4891...`
1. Change the model name to match what you downloaded, and any other attributes that you want (context window, output tokens, temperature, etc.). Press `TEST` to ensure it works, then `SAVE NEW MODEL` to save it. 
1. Congratulations! Steve is now using a model running completely on your own computer!

## How Do I Use Ollama With Ask Steve?
1. Download and install [Ollama](https://ollama.com/)
1. Download a model. For example, this terminal command will pull Meta's Llama 3: `ollama pull llama3`
1. You will need to enable the Ask Steve extension to connect to Ollama. To do this you need to configure the Ollama server with the environment variable OLLAMA_ORIGINS, and it needs to be set to "chrome-extension://gldebcpkoojijledacjeboaehblhfbjg”. For Microsoft Edge it should be "chrome-extension://hiefenciocpoafbgoocochpolfjfmjfg"
1. Instructions for how to do so on various platforms are [here](https://github.com/ollama/ollama/blob/main/docs/faq.md#how-do-i-configure-ollama-server). So on Chrome on a Mac you'd issue this terminal command: `launchctl setenv OLLAMA_ORIGINS "chrome-extension://gldebcpkoojijledacjeboaehblhfbjg"` to give Ask Steve access to Ollama. Other alternatives to starting Ollama with the correct configuration are described [here](https://github.com/ollama/ollama/issues/2308).
1. After setting OLLAMA_ORIGINS, you will need to restart the Ollama server. On a Mac you can do this by quitting and restarting Ollama from the Mac Taskbar. 
1. Finally, go to the [Models](https://quickstart.asksteve.to/browsers/models.html) page in Ask Steve Settings, press `ADD NEW MODEL` and select `Local: Streaming` from the menu. You won't need an API Key since it's running on your own machine. 
1. Change the port number in the URL field to match what Ollama is serving on. Ollama's port is typically 11434, so the beginning of the URL should be `http://localhost:11434...`
1. Change the model name to match what you downloaded, and any other attributes that you want (context window, output tokens, temperature, etc.). Press `TEST` to ensure it works, then `SAVE NEW MODEL` to save it. 
1. Congratulations! Steve is now using a model running completely on your own computer!

Connect to a model running on your local machine

Connect Ask Steve to a Local AI Model for Ultimate Privacy and Security

Build 1-Click AI Data Extractors by Connecting Ask Steve to Other Services


To access the Widget page, click on the `Widget` link in the left navigation of the Extension Settings.  Or [click here](https://quickstart.asksteve.to/widget). 

## What is a Widget?
If you're the owner of a web site or web application and want to provide AI capabilities to your users, the Ask Steve Widget enables you to quickly and easily embed an install flow in your site or app that enables users to install Ask Steve and your custom [Tools](/docs/tools) and [Buttons](/docs/tool-buttons) with just a few clicks. You can learn more on the [Site Owners](/docs/site-owners) page. 

## Configuring Your Widget
The list on the left has all the Tools that you have created, copied or imported from other sources. Click on any of these Tools and press the `ADD >>` button to add it to your Widget. You will see the code below update. Press `REMOVE` to take a Tool out of your Widget configuration. 

When you're done picking what Tools to add to your Widget, select what kind of site you'll be embedding the Widget in from the `Code for:` dropdown. You will see a link with Installation Instructions appear. 

The page always remembers your last Widget configuration, so you can quickly edit/update it at any time without having to reselect everything. 

## Installing Your Widget
Press the `COPY TO CLIPBOARD` button to copy your Widget code and install it according to the Installation Instructions. 

## Widget Variables
* **learnMoreUrl**: (Defaults to `https://asksteve.to/site-tools`) Put in a different url if you'd like the "Learn more" links in the Widget to point a page on your site. 
* **showInstall**: (Defaults to `true`) This variable determines whether the Widget has a link to install the Ask Steve extension or not. On some sites like Wix, the link to install Ask Steve doesn't work due to browser security measures, so you need to add your own installation link to the page that the widget is on, as detailed in the Installation Instructions. 
* **showIfUpToDate**: (Defaults to `false`) This variable determines whether the Widget will appear if the user's Tools are all up to date. For a site like Wix where you put the Widget in a dedicated placeholder on the page, this is set to `true` so there's not an empty spot on the page. For sites like Squarespace where the widget floats up from the bottom of the page, this is set to `false` so that it only appears if needed. 
* **skills**: This is the configuration data for your Tools. 

## Where Does the Widget Work? 
It should work on any web site or application where you can paste in embed code, either into a placeholder on the page or into the page header. We have tested it on [Squarespace](https://squarespace.com), [Wix](https://wix.com) and a custom site. It does not work on Google Sites. 

## Pro-Tip
If the Widget doesn't work on your site, you can use our [Installation API](/docs/api) to create your own installation flow. 






Add FREE AI superpowers to your website with NO CODE

How to Add AI Superpowers to Your Web Site or Web Application with Ask Steve

Other



## Websites are very... variable
Ask Steve will work on most websites, but given how powerful the web platform is and all the different ways that people can build sites and apps, it doesn't work everywhere. 
* It will most likely not work in web applications with complex layouts
* Sites that make excessive use of iframes and Shadow DOMs may cause problems

### Known Sites Steve Has... Issues
* Figma
* XHTML sites, like the [SEC's document viewer](https://www.sec.gov/ix?doc=/Archives/edgar/data/1652044/000165204424000022/goog-20231231.htm). On sites like this, Steve does what you ask him, but then can't write his response to the page. You can always see his response by opening Chrome DevTools (Chrome > View Menu > Developer Tools) and then going to the Console tab and looking for the text where Steve is waving 👋. 


### Chrome Security Policies
* If you're using Ask Steve at work, your company may have set policies in Chrome that prohibit either the installation of certain extensions or the use of extensions on specific URLs. 
* In this case, you would need to ask a company administrator to add Ask Steve to the allowlist. 
* You can see what policies your browser is enforcing by opening `chrome://policy` and then looking for `Extension Settings`


## Browsers
Since Ask Steve is built for Chrome, it will at least partially work in most other Chromium-based browsers.
* **Chrome:** Works great. Install from the [Chrome Web Store](https://chromewebstore.google.com/detail/ask-steve-add-ai-superpow/gldebcpkoojijledacjeboaehblhfbjg?hl=en&authuser=0)
* **Edge:** Works great. Install from the [Edge Add-Ons Store](https://microsoftedge.microsoft.com/addons/detail/ask-steve-add-ai-superp/hiefenciocpoafbgoocochpolfjfmjfg)
* **Brave:** Works great. Install from the [Chrome Web Store](https://chromewebstore.google.com/detail/ask-steve-add-ai-superpow/gldebcpkoojijledacjeboaehblhfbjg?hl=en&authuser=0)
* **Vivaldi:** Mostly works. The FAB to open/close the sidepanel does not. Install from the [Chrome Web Store](https://chromewebstore.google.com/detail/ask-steve-add-ai-superpow/gldebcpkoojijledacjeboaehblhfbjg?hl=en&authuser=0)
* **Arc:** Does not support the sidepanel so you cannot [Chat](chat) with a page or create or edit [Tools](/docs/tools) or [Tool Buttons](/docs/tool-buttons). You can still use Tool Buttons, the [Context Menu](context-menu), the [Writing Helper](writing-helper) and the [Free Fact Checker](/free-fact-checker). You can use a supported browser to create/edit your Tools and Buttons, [export](/docs/export#export) them and then [import](/docs/export#import) them into Arc. Install from the [Chrome Web Store](https://chromewebstore.google.com/detail/ask-steve-add-ai-superpow/gldebcpkoojijledacjeboaehblhfbjg?hl=en&authuser=0)
* **Opera:** Does not support the sidepanel so you cannot [Chat](chat) with a page or create or edit [Tools](/docs/tools) or [Tool Buttons](/docs/tool-buttons). You can still use Tool Buttons, the [Context Menu](context-menu), the [Writing Helper](writing-helper) and the [Free Fact Checker](/free-fact-checker). You can use a supported browser to create/edit your Tools and Buttons, [export](/docs/export#export) them and then [import](/docs/export#import) them into Arc. Install from the [Chrome Web Store](https://chromewebstore.google.com/detail/ask-steve-add-ai-superpow/gldebcpkoojijledacjeboaehblhfbjg?hl=en&authuser=0)
* **Safari:** Not supported
* **Firefox:** Not supported

Ask Steve works on most websites, but not all of them

Where Does Ask Steve, the 1-Click AI Assistant and Tool Belt for your Browser, Work?


## Your Privacy
We take your privacy very seriously.
* We don't track what websites you visit
* We don't track what you're asking Steve for
* We don't track the Tools that you create
* We don't store your API Keys on our servers
* You can read our full privacy policy [here](/privacy).

## Our Philosophy
* Respect the user's privacy (see above)
* Try to keep Ask Steve servers out of the loop as much as possible
* Store as much data on the user's machine as possible
* Connect directly to the LLM provider whenever possible
* Be as transparent as possible about your data, how we use it, and where we send it (see below)
* Ask Steve was created by [Rajat Paharia](https://www.linkedin.com/in/rajatrocks/) who formerly worked at Google and IDEO.


## Extension Permissions
* When you install Ask Steve it will ask for permission to *"Read and change all your data on all websites"*. It needs this permission in order to be helpful on any web page. If you are uncomfortable with this then you should press `Cancel` and not install the extension. 
* If you want to limit what sites Ask Steve can work on, you can go into `chrome://extensions`, press the `Details` button on the Ask Steve tile, and then under `Site access` control what sites you want to give Steve access to.
* At any time you can disable Ask Steve via the toggle on the Manage Extensions page and enable it manually on sites you want to use it on.
* In an enterprise deployment, your administrator can configure certain sites to be allowed/disallowed via the `runtime_allowed_hosts` and `runtime_blocked_hosts` keys in [ExtensionSettings](https://support.google.com/chrome/a/answer/9867568?hl=en). You can use this to prevent Ask Steve from having access to sensitive internal pages. 
* The Ask Steve extension id on Chrome is: **gldebcpkoojijledacjeboaehblhfbjg**
* The Ask Steve extension id on Edge is: **hiefenciocpoafbgoocochpolfjfmjfg**

## Saved Data
### Your API Keys
* Ask Steve asks you to enter your LLM provider API keys so that it can connect to those providers.
> These keys are stored in the extension's [Local Storage](https://developer.chrome.com/docs/extensions/reference/api/storage) on your computer and are not sent to Ask Steve's servers.
* The API keys are only sent to the service provider in order to authenticate your requests. 
* The API Keys are not encrypted and are sent with every request to the service provider, so someone else with access to your computer could discover them. 

### Other Data
All other configuration data is stored in Local Storage on your computer. It is never stored anywhere else. This includes but isn't limited to: 
* Tools
* Model configuration
* Chat history

> If you'd like to see what is being stored in Local Storage, do the following: 
> * Go into `chrome://extensions`
> * Enable `Developer mode` via the toggle in the upper right
> * Press the `service worker` link in the Ask Steve tile. This will open Chrome DevTools
> * On the Console tab, paste `await chrome.storage.local.get()` and then press `ENTER`
> * The contents of Local Storage will be printed out and you can inspect them

## Network Requests
### Your LLM Requests
* We send your request directly to the LLM service provider. 
* When you are on the QuickStart plan, your LLM requests are sent to to **quickstart.asksteve.to** which proxies them to Google's Gemini or another provider. The QuickStart proxy doesn't look at or store your request, it just passes it through. 
* If you are working with sensitive information and don't want to send it to a third party LLM, consider connecting Ask Steve to a [Local Model](/docs/local-models), in which case nothing will leave your machine.


### Login and Authentication
* Ask Steve uses Firebase (from Google) for login and authentication. Requests are made to Google's servers (*.googleapis.com) when you login, create a new account, or visit any of the Settings pages.
* We don't ask for or store any PII beyond what is provided at login. 
* This can be disabled for enterprise deployments.


### Configuration Files
Ask Steve loads various configuration files from **quickstart.asksteve.to**, including but not limited to:
* **models_new.json** - contains all the model templates
* **skills.json** - contains the out-of-the-box Tools
* **site-configs.json** - contains data for whether to show various UI elements on certain sites
* This can be disabled for enterprise deployments. 


> If you'd like to monitor all the network requests that Ask Steve is making, do the following: 
> * Go into `chrome://extensions`
> * Enable `Developer mode` via the toggle in the upper right
> * Press the `service worker` link in the Ask Steve tile. This will open Chrome DevTools
> * Switch to the Network tab. From here you can see all the network requests that Ask Steve makes

## Other
The LLM service may use your data for training or to make their products better. If you are on the QuickStart plan or are using the Google Gemini or Mistral La Plateforme free tier, they reserve the right to use your data. If this concerns you, you should either: 
* Connect to a [Local Model](/docs/local-models) running on your own machine, which you can do for free. 
* Sign up for Ask Steve's Premium Plan and connect to a paid service or internal corporate service that explicitly states that they will not use your data. 






What permissions does Ask Steve ask for and how does it use your data?

How AI Extension Ask Steve Uses Your Data and the Permissions it Asks For


## Standard (Free!)
* When you first install Ask Steve you are put on our QuickStart trial. This gives you 100 requests that you can use to try out working with Steve and see if you find him helpful.  Responses from Steve come all at once.
* Ask Steve asks you to login and enter your own free Google Gemini or Mistral La Plateforme API Key to enable the Standard plan.
* [See how to get your own Google Gemini key here](https://quickstart.asksteve.to/get-gemini-key.html). 
* [See how to get your own Mistral La Plateforme key here](https://quickstart.asksteve.to/get-mistral-key.html). 
* You continue to have access to all the functionality, with the only limits being what service provider imposes. The free Google Gemini API Key has [the following limits](https://ai.google.dev/pricing). The Mistral La Plateforme free tier has [the following limits](https://console.mistral.ai/limits/).
* **Free Gemini is not available in the EU, UK or Switzerland** ([details](/docs/where-it-works#countries)). If you are in one of those regions, you should use Mistral's La Plateforme. 
* Steve's responses are streamed, so you can work even faster.  
* Both of these free offerings reserve the right to use any data that you send them for training. **If you don't want your data used for training, consider signing up for the Premium Plan.**
* You can also [connect to any local model](/docs/local-models) for free.
* Write data directly to Google Sheets, Google Docs, Google Calendar and Microsoft Excel.
* 1 [Notebook](/docs/notebooks)
* 30 day free trial of Premium with no credit card required.
* Community support

## Premium
<div style={{backgroundColor: 'darkviolet', padding: '1rem', marginBottom: '10px'}}>
<a href="https://asksteve.to/pricing" style={{fontWeight: 'bold', color:'black'}}>Unlock all the power of Ask Steve with our Premium plan!</a>
</div>
* [Connect to any paid model](/docs/models)
* [Connect to any on-premise model](/docs/models)
* [Connect to any API](/docs/webhooks)
* Unlimited [Notebooks](/docs/notebooks)
* Write data directly to [all services](/docs/connections#services), including Salesforce, HubSpot, PipeDrive, Airtable, Apollo, Notion, Slack and more.
* Email support


## Enterprise
* Central team billing
* Central team user management
* Central team Tool Library
* Custom Tool packs for your users
* Backup to server
* Integration & customization services
* On-premise deployment
* Email support


Review the Pricing Plans for Ask Steve, the 1-Click AI Assistant and Swiss Army Knife for your Browser


> Want to revisit the onboarding pages? [Follow this link!](https://quickstart.asksteve.to)

Want to run through the onboarding again?

Revisit the Onboarding Pages for Ask Steve, the 1-Click AI Assistant and Swiss Army Knife for your Browser


## What is the Ask Steve Installation API?
We have exposed some APIs in the Ask Steve browser extension so that you can programatically add Tools to the user's Ask Steve installation. You can call these APIs via the `chrome.runtime.sendMessage` function. We use these same APIs in our [Widget](/docs/widgets).

## Getting the Extension Id
There are different Ids for the Chrome and Edge versions of Ask Steve. Here is how you can get the correct one. 
```
const chromeExtensionId = 'gldebcpkoojijledacjeboaehblhfbjg';
const edgeExtensionId = 'hiefenciocpoafbgoocochpolfjfmjfg';
var extensionId = chromeExtensionId;

// Detect the browser
const userAgent = navigator.userAgent;
if (userAgent.includes('Edg/')) {
    extensionId = edgeExtensionId;
}
```

## APIs
### isExtensionInstalled
No arguments, returns `{"status": true}` if the extension is installed. 
```
try {
    const response = await chrome.runtime.sendMessage(extensionId, {type: "isExtensionInstalled"});
    if (!chrome.runtime.lastError && response.status) {
        extensionInstalled = true;
        console.log('Extension installed');
}
} catch (error) {
    console.log('Extension not installed or unreachable', error);
}
```
### areToolsUpToDate 
Called with an object that has a `skills` property on it with all the [Tools](/docs/tools) that you want to compare. If any of the Tools don't exist or have been modified, this will return `{"status": false}`, otherwise it will return `{"status": true}`

```
try {
    // are the tools already installed and up to date? 
    const response = await chrome.runtime.sendMessage(extensionId, {type: "areToolsUpToDate", data: asksteve_data});
    if (!chrome.runtime.lastError && response.status) {
        console.log('Tools are up to date');
    }
    else {
        console.log('Tools are not up to date');
    }
}
catch (error) {
    console.log('Extension unreachable', error);
}
```

### addTools
Called with an object that has a `skills` property on it with all the Tools that you want to add. This will return `{"status": true}` if successful, `{"status": false, "error": MESSAGE}` if not. 
```
await chrome.runtime.sendMessage(extensionId, { type: "addTools", data: asksteve_data });
```

Some notes about adding Tools: 
* The user will be shown a confirmation dialog where they can choose whether to install the Tools or not. 
* All Skill Ids and Connection Ids will be prepended with the hostname of your site if it's not already there. This way your Tools won't overwrite anyone elses, and they can't overwrite yours. 

### removeTools
Called with an object that has a `skills` property on it with all the Tools that you want to remove. This will return `{"status": true}` if successful, `{"status": false, "error": MESSAGE}` if not. 
```
await chrome.runtime.sendMessage(extensionId, { type: "removeTools", data: asksteve_data });
```

Some notes about removing Tools: 
* The user will be shown a confirmation dialog where they can choose whether to remove the Tools or not. 
* All Skill Ids and Connection Ids will be prepended with the hostname of your site if it's not already there. This way you can't remove someone else's Tools, and they can't remove yours.


## Questions? Need Help?
Ask them in the [User Community](https://groups.google.com/g/ask-steve).

The Installation API for the Ask Steve AI Browser Extension


We would appreciate any support that you can give us so that we can continue to make Ask Steve even better! Here are some ways that you can help us: 
* Signing up for our [Premium Plan](/pricing)
* Making a one-time donation at [Buy Me a Coffee](https://buymeacoffee.com/asksteveto)
* Writing a good review on the Chrome or Edge Web Store [here](https://quickstart.asksteve.to/browsers/)
* Sending us a testimonial about how you're using Ask Steve [here](https://forms.gle/KAEAeCLsGeLAGqKk8)
* Spreading the word and telling your friends and coworkers about Ask Steve
* Sharing tips, tricks and Tools in our [User Community](https://groups.google.com/g/ask-steve)

<br />
<a href="https://www.buymeacoffee.com/asksteveto" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style={{height: '60px', width: '217px'}}/></a>
<br />



Ways to Support Ask Steve, the 1-Click AI Assistant and Tool Belt for your Browser

Notes for each release in the Chrome Web Store and Edge Add-Ons Store

Documentation

Everything you need to know about Ask Steve.

Getting Started

Solutions

Working with Steve

Settings

Other

Getting Started

Solutions

Working with Steve

Settings

Other