diff --git a/docs/Create a custom doc using the vscode extension.md b/docs/Create a custom doc using the vscode extension.md
new file mode 100644
index 000000000..b002203bb
--- /dev/null
+++ b/docs/Create a custom doc using the vscode extension.md	
@@ -0,0 +1,51 @@
+
+
+  ## Step 1: Navigate to Dev-Docs Panel
+
+Open the Dev-Docs panel in your VS Code extension.
+
+![image for /img/create_a_custom_doc_using_the_vscode_extension/step_1](/img/create_a_custom_doc_using_the_vscode_extension/step_1.png)
+
+## Step 2: Initiate Custom Doc Creation
+
+Click on the "Create Custom Doc" button to start the process.
+
+![image for /img/create_a_custom_doc_using_the_vscode_extension/step_2](/img/create_a_custom_doc_using_the_vscode_extension/step_2.png)
+
+## Step 3: Review Existing Code
+
+Examine the existing code in your project, which may include functions for image processing and sprite generation.
+
+![image for /img/create_a_custom_doc_using_the_vscode_extension/step_3](/img/create_a_custom_doc_using_the_vscode_extension/step_3.png)
+
+## Step 4: Analyze Code Structure
+
+Take a closer look at the structure of your code, including imports and function definitions.
+
+![image for /img/create_a_custom_doc_using_the_vscode_extension/step_4](/img/create_a_custom_doc_using_the_vscode_extension/step_4.png)
+
+## Step 5: Inspect Function Details
+
+Examine the details of specific functions, such as `removeBackgroundColor` and `encodeImage`.
+
+![image for /img/create_a_custom_doc_using_the_vscode_extension/step_5](/img/create_a_custom_doc_using_the_vscode_extension/step_5.png)
+
+## Step 6: Review Additional Functions
+
+Look at other functions in your code, like `getUniqueColors`.
+
+![image for /img/create_a_custom_doc_using_the_vscode_extension/step_6](/img/create_a_custom_doc_using_the_vscode_extension/step_6.png)
+
+## Step 7: Select Documentation File
+
+Choose the "misc-cool-ways-to-use-this-sdk.md" file to document the SDK usage.
+
+![image for /img/create_a_custom_doc_using_the_vscode_extension/step_7](/img/create_a_custom_doc_using_the_vscode_extension/step_7.png)
+
+## Step 8: Document SDK Features
+
+Write documentation outlining the cool ways to use the SDK, including creating custom character sprites, generating unique game environments, and automating spritesheet creation.
+
+![image for /img/create_a_custom_doc_using_the_vscode_extension/step_8](/img/create_a_custom_doc_using_the_vscode_extension/step_8.png)
+
+  
\ No newline at end of file