# Chatbot Prototype Development

Welcome to the chatbot prototype development area. This is where you can experiment with all sorts of different ideas to improve Conductor.

## Starting a new project

1. Make a copy of `quickstart-template-js`. Suppose we call it `my-chatbot`
1. Prepare the `.env-template` with the OpenAI API key
   1. You can find tis key from a fellow developer
   1. `OPENAI_API_KEY=...` in the `.env-template` file
1. Run all the commands to set up the project
   1. `cd my-chatbot`
   1. `yarn install`
   1. `yarn ts`
   1. In another terminal window: `yarn start`

## Development

1. Turn on dev mode in your conductor window.
   1. Conductor will turn red.
   1. Dev mode is only available on non production environments.
1. The logic and prompts are stored in the `src/main.ts` file.
1. If you want to add additional UI elements, you need to edit the `src/skills/conversationSkill.tsx` file. The elements are defined in the `DevModeMessageContents` function.
1. Happy prompting! You can now add Prompter or Prompt Engineer to your Linkedin profile.