Merge pull request #302 from team-dev-docs/use_ai_helpers_in_the_editorm5odizfy-6frvc

Dev-Docs Update

Author: avb-is-me

docs/use ai helpers in the editor.md

@@ -0,0 +1,40 @@
+
+
+  # How to Use AI Helpers in the Editor
+
+## Step 1: Open the Document
+![Step 1](/img/use_ai_helpers_in_the_editor/step_1.png)
+
+Open your document in the editor. You'll see the title "Developer Best Practices: A Comprehensive Guide" and the initial content.
+
+## Step 2: Select Text to Edit
+![Step 2](/img/use_ai_helpers_in_the_editor/step_2.png)
+
+Select the text you want to modify. In this example, the introduction paragraph is highlighted.
+
+## Step 3: Access AI Tools
+![Step 3](/img/use_ai_helpers_in_the_editor/step_3.png)
+
+Click on the "AI tools" option in the toolbar above the selected text.
+
+## Step 4: Choose AI Action
+![Step 4](/img/use_ai_helpers_in_the_editor/step_4.png)
+
+A dropdown menu will appear with various AI-powered editing options. You can choose to make the text longer, shorter, change its tone, edit the selection, or fix spelling and grammar.
+
+## Step 5: Select Tone (Optional)
+![Step 5](/img/use_ai_helpers_in_the_editor/step_5.png)
+
+If you choose to change the tone, another dropdown will appear with different tone options such as Academic, Business, Casual, Conversational, Humorous, Informative, Memeify, Objective, and Poetic.
+
+## Step 6: Wait for AI Processing
+![Step 6](/img/use_ai_helpers_in_the_editor/step_6.png)
+
+After selecting an AI action, you'll see a loading indicator while the AI processes your request.
+
+## Step 7: Review AI-Generated Content
+![Step 7](/img/use_ai_helpers_in_the_editor/step_7.png)
+
+Once the AI finishes processing, it will generate new content based on your selection. In this example, it has created a humorous version of the developer best practices guide. Review the changes and make any necessary adjustments.
+
+