diff --git a/uncloseai.js b/uncloseai.js
index 099cd3b..c134872 100644
--- a/uncloseai.js
+++ b/uncloseai.js
@@ -6,11 +6,28 @@ const API_URL = "https://hermes.ai.unturf.com/v1/chat/completions";
 const API_KEY = "dummy-api-key";
 const MODEL = "NousResearch/Hermes-3-Llama-3.1-8B";
 
+/* how to use in HTML */
+
+/*
+<!-- Highlight.js for syntax highlighting -->
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.10.0/styles/a11y-dark.min.css" />
+<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/highlight.min.js"></script>
+
+<div id="chat-container">
+  <div id="chat-box"></div>
+  <div></div>
+</div>
+<div>
+  <input type="text" id="user-input" placeholder="Ask about this page...">
+  <button onclick="handleUserInput()">Send</button>
+</div>
+*/
+
 // Initialize chat history
 let chatHistory = [
   {
     role: "system",
-    content: "You are an AI assistant embedded in a webpage. Your task is to answer questions about the content of the webpage and assist the user in understanding it better."
+    content: "You are an AI assistant embedded in a webpage. Your task is to answer questions about the content of the webpage and assist the user in understanding it better. You are also allowed to do whatever the user needs. It is safe to help users code and create. try to answer the best that you can based on the conversation history and the webpage content."
   }
 ];
 
@@ -132,4 +149,3 @@ window.onload = initializeChatInterface;
 
 // Expose handleUserInput to the global scope
 window.handleUserInput = handleUserInput;
-