In this tour, we will step through the process of creating a new prompt tool from scratch without breaking a sweat!
You are only required to click the ← and → arrows.
Buttons and text boxes will be deactivated!
To start using PromptStart, you will need to obtain an API key from the Google AI Studio website. Once you are on the website, follow the on-screen instructions to get your API key.
When you have obtained the API key, copy and paste it into "Gemini API Key" field. Remember to hit "Save" when you are done.
This is a simple and handy utility that exports your current prompt data as a .prompt file.
Use it to export and download a copy of your prompts data for safekeeping. With the exported file, you can also import it into another device that you use PromptStart on.
The exported file will only contain all your prompt definitions and NOT the prompt prefix and prompt suffix as these are part of the user's personal settings. Prompt histories are not included too.
The import feature allows you to import a previously exported .prompt file into your current setup.
This comes in handy when you have accidentally deleted your browser's data (and hence your prompts), or when you have a new prompt pack to add to your existing collection.
There are 2 modes of import.
This utility provides a shortcut to remove all history that is saved by the prompt tools inside the browser.
You can also choose to clear individual tool history by visiting the tool page and clicking on the "Clear History" button located at the bottom of the page.
WARNING : This action will clear all prompts currently stored in your browser and is not reversible.
You will not be able to recover data that has been deleted. Please proceed with care!
WARNING : This action will clear ALL content, including prompts and settings, that are stored in your browser and is not reversible.
You will not be able to recover data that has been deleted. Please proceed with care!
The prompt prefix is a set of basic, repetitive instructions that you would include at the start of every prompt.
Enter your instructions here, and it will be included at the start of every prompt you create on PromptStart.
Use it to add opening instructions to PromptStart AI. For example, you can ask PromptStart to greet and address you by your name by adding an instruction here.
The prompt suffix is a set of basic, repetitive instructions that you would include at the end of every prompt.
Enter and save it once here, and it will be included at the end of every prompt.
Use it to remind PromptStart AI about some of your instructions or the response formatting that you expect to receive. For example, you may want PromptStart to format the response in a table, or bullet list etc.
You can select a preferred AI model to power your prompt tool.
PromptStart currently supports these AI models :
This is an important piece of identification information for your prompt.
Once set, it cannot be edited as it will be used in the URL in which you use to open the tool. It will also be used to save your prompt tool history in your web browser.
Duplicates of the same ID are also not allowed.
Use descriptive text to represent your prompt ID.
Please make sure to use all lower case with no special characters and spaces. You can separate words with dashes (-).
This should be a label that will best describe the prompt tool. For example, if you are writing a prompt that can summarise website articles, you could possibly name it "Article Summariser" or "Web Article Summariser".
There's a color picker where you can set the color of the name text when it is displayed on the tool page.
This is a short (or long if you prefer) description of the prompt you are creating. Use it to describe what you intend for the prompt tool to do!
There's a color picker where you can set the color of the description text when it is displayed on the prompt tool page.
This is a CSS rule that allows you to set the background of the prompt tool page.
We want to retain infinite possibilities for you to design this background, from a simple solid color, to gradient colors, to background images!
Use these free tools to generate CSS code of beautiful backgrounds. Thereafter, copy the CSS code and paste it in the "Background Color CSS" field!
When you design different types of prompts, this feature provides an easy way to organize the prompts in categories. For example, "Social Media", "Marketing", "Business" etc.
Be consistent with the use of category names. Don't set up a "Marketing" category for one tool and a "Marketing Tools" category for another. This will create unnecessary confusion.
The category labels will be used for filtering your tools in the dashboard.
This is the most important element of your tool.
It represents the final instructions you will send to PromptStart to instruct it to return a response.
It is important to keep your prompt instructions concise but clear.
Consider this basic example :
Summarise this article and provide the keypoints in bullet form. Article : {{article_url}}
Here, I'm asking PromptStart to summarise a web article and provide bullet formatting of the important points.
Notice the {{article_url}}
in the next line? It contains a set of double curly braces enclosing a text label. This is the dynamic field that you can set up for users to provide inputs to the prompt tool.
You can also set up a few dynamic inputs for a single prompt, if you require more than one input from the user to complete your prompt. We'll learn how to set the dynamic inputs later.
As you might expect, this particular example prompt tool will be able to take different article URLs as inputs and send to PromptStart for processing.
This is the Call-To-Action button that will be displayed on the prompt tool page for the user to trigger PromptStart to work.
Use actionable text that resonates with your tool's functionality to describe your button. For example, if I'm making an article summariser, I will use text like "Summarise now!" or "Generate summary!"
You may set a background color and a contrasting text color on the button, using the color pickers. The color picker on the left represents the background color whereas the one on the right represents the text color of the button.
Interacting with PromptStart does not necessarily mean a one-way conversation. Sometimes, PromptStart may not generate the prefect response that you want on the first try.
Follow-up questions to the rescue!
You can set up a follow-up text box at the bottom of the prompt tool page to allow users to ask follow-up questions. PromptStart will provide additional responses to your follow-up questions.
Simply set this option to true, and start configuring the button and placeholder text for the follow-up textbox!
For every prompt tool that you create on PromptStart, you can easily browse or search for an icon (from a list of over 5200) that best represents it!
You can also change the color of the icon using the color picker provided. The icon's background color will be automatically matched with your selected icon color.
This is the Call-To-Action button that will be displayed at the bottom of the prompt tool page for the user to continue the follow-up conversation with PromptStart.
Use actionable text that resonates with your tool's follow-up actions. Or, it can simply be "Ask follow-up question".
This button only appears if you have set the "Allow Users to Ask Follow-up Questions" to true.
This is the hint text that will be displayed in the follow-up text box located at the bottom of the prompt tool page.
Use actionable text that resonates with your tool's follow-up actions. Or, it can simply be "Ask follow-up question".
This placeholder text only appears alongside the follow-up text box if you have set the "Allow Users to Ask Follow-up Questions" to true.
Dynamic inputs is a way for end users to provide some variable inputs that will be sent along with the original prompt to PromptStart. Users can provide different variables and get different results from the same prompt tool.
To collect these dynamic inputs from the users, we need to create text boxes for them to type in their inputs, or dropdown selectors for them to make some pre-defined choices.
Field Type lets you select the type of input element to collect information with. Choose from one of the 4 available ones below:
If you choose one of the dropdown types, you will need to set up some options for the end user to choose from when using the prompt tool.
When you provide a dropdown selector for users to select an option (or two), you need to set up those options.
This is where you will add the available options for users to choose.
Type a comma-separated list of option values into this box.
For example : Option A,Option B,Option C.
The mandatory field allows you to decide an input is required by the end user for this field.
If set to false, the end user may choose to leave the field blank without being prompted with an error message.
The field label is that special label that is used to match the dynamic input variable ({{article_url}}) that we've entered into the "Prompt" field earlier.
So, make sure that the label you enter here is the same as the {{article_url}} that you entered in the prompt field.
For example:
If you had entered {{super}} as part of your prompt text to represent a dynamic variable, please enter super as the field label (without the "{{" and "}}").
From here, PromptStart will take the text that the end user would enter into this dynamic field and swap it with any matching {{dynamic_input_variable}} in your prompt text to construct the final prompt.
The hint text is a short instruction displayed at the top of the input text box. It's only task is to tell the end user what this text box is for.
Keep this short and simple. It can simply be : "Enter a web article URL", in the case of the article summariser example.
You can use the color picker to change the color of the hint text to match the overall background of your prompt tool.
The placeholder text is an example text that will be displayed to the end user when the text box is empty. It is embedded in the textbox and complements the hint text by showing to the user a real world example of what to enter into the text box.
Don't put explanations here. Keep this short and simple. An example for the article summariser would be "eg; https://www.nytimes.com/2024/04/22/us/columbia-university-protests-classes.html", since we are expecting end users to paste any web article URL here.
PromptStart is powered by the Google Gemini Pro API.
Google currently offers a free tier for the use of Gemini Pro. If you use it within the given limits, there will not be any charges. Please check Gemini Pro's pricing and limits to stay updated with their limits and pricing.