diff --git a/docs/Use the intro feature.md b/docs/Use the intro feature.md
new file mode 100644
index 000000000..ef420f9a4
--- /dev/null
+++ b/docs/Use the intro feature.md	
@@ -0,0 +1,45 @@
+
+
+  ## Step 1: Locate the Command Palette
+
+Find the relevant command from the command palette to begin using the intro feature.
+
+![image for /img/use_the_intro_feature/step_1](/img/use_the_intro_feature/step_1.png)
+
+## Step 2: Explore the File Structure
+
+Navigate through the file structure in the Explorer view to familiarize yourself with the project layout.
+
+![image for /img/use_the_intro_feature/step_2](/img/use_the_intro_feature/step_2.png)
+
+## Step 3: Examine the Project Files
+
+Review the contents of the project files, including JavaScript, Markdown, and configuration files.
+
+![image for /img/use_the_intro_feature/step_3](/img/use_the_intro_feature/step_3.png)
+
+## Step 4: Analyze the Main JavaScript File
+
+Study the main JavaScript file, which contains important functions and logic for the project.
+
+![image for /img/use_the_intro_feature/step_4](/img/use_the_intro_feature/step_4.png)
+
+## Step 5: Understand the Sprite Generation Function
+
+Examine the `generateSprite` function, which is responsible for creating sprite animations.
+
+![image for /img/use_the_intro_feature/step_5](/img/use_the_intro_feature/step_5.png)
+
+## Step 6: Review the DALL-E Integration
+
+Look at how the DALL-E API is integrated into the sprite generation process.
+
+![image for /img/use_the_intro_feature/step_6](/img/use_the_intro_feature/step_6.png)
+
+## Step 7: Explore Additional Functionality
+
+Investigate other functions and features within the project, such as file saving and image processing.
+
+![image for /img/use_the_intro_feature/step_7](/img/use_the_intro_feature/step_7.png)
+
+  
\ No newline at end of file