Docs: update screenshots with new UI changes (#4579)

* remove-images

* logs-pane

* logs

* more-logs

* langsmith-langwatch

* guides-folder

* quickstart

* follow-image

* getting-started-folder

* share-store-change

* workspace-old-images

* component-folder

* deployment-folder

* configuration-folder

* delete-venv

* favicon-footer-header

* favicon-bw-and-replace-gif

* docs: Update prerequisites and terminology in Getting Started and Workspace documentation

* docs: Update terminology from "New Project" to "New Flow" in starter project documentation

* Apply suggestions from code review

Co-authored-by: KimberlyFields <46325568+KimberlyFields@users.noreply.github.com>

* docs: Update terminology from "project" to "flow" in starter project documentation

* docs: Update terminology from "project" to "flow" in starter project documentation

---------

Co-authored-by: KimberlyFields <46325568+KimberlyFields@users.noreply.github.com>
This commit is contained in:
Mendon Kissling 2024-11-13 19:58:01 -05:00 • committed by GitHub
commit c7f688ceda
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
232 changed files with 160 additions and 265 deletions

View file

@ -23,19 +23,10 @@ This article demonstrates how to use Langflow's prompt tools to issue basic prom
- [Langflow installed and running](/getting-started-installation)
- [OpenAI API key created](https://platform.openai.com/)
## Basic Prompting {#1fae0e83ef08453fba017870d6d981bc}
## Create the basic prompting flow {#19d5305239c841548a695e2bf7839e7a}
---
### Create the basic prompting project {#19d5305239c841548a695e2bf7839e7a}
1. From the Langflow dashboard, click **New Project**.
![](./1835734464.png)
1. From the Langflow dashboard, click **New Flow**.
2. Select **Basic Prompting**.
@ -44,7 +35,7 @@ This article demonstrates how to use Langflow's prompt tools to issue basic prom
3. The **Basic Prompting** flow is created.
![](./487525520.png)
![](/img/starter-flow-basic-prompting.png)
This flow allows you to chat with the **OpenAI** component through the **Prompt** component.
@ -53,24 +44,19 @@ This flow allows you to chat with the **OpenAI** component through the **Prom
Examine the **Prompt** component. The **Template** field instructs the LLM to `Answer the user as if you were a pirate.` This should be interesting...
![](./690736575.png)
4. To create an environment variable for the **OpenAI** component, in the **OpenAI API Key** field, click the **Globe** button, and then click **Add New Variable**.
1. In the **Variable Name** field, enter `openai_api_key`.
2. In the **Value** field, paste your OpenAI API Key (`sk-...`).
3. Click **Save Variable**.
![](./1390293355.png)
### Run {#ce52f8e6b491452a9dfb069feb962eed}
## Run the basic prompting flow {#ce52f8e6b491452a9dfb069feb962eed}
1. Click the **Playground** button on the control panel (bottom right side of the workspace). This is where you can interact with your AI.
2. Type a message and press Enter. The bot should respond in a markedly piratical manner!
### Modify the prompt for a different result {#3ab045fcbe774c8fb3adc528f9042ba0}
## Modify the prompt for a different result {#3ab045fcbe774c8fb3adc528f9042ba0}
1. To modify your prompt results, in the **Prompt** template, click the **Template** field. The **Edit Prompt** window opens.
2. Change `Answer the user as if you were a pirate` to a different character, perhaps `Answer the user as if you were Hermione Granger.`