Update app.py

app.py

@@ -309,7 +309,18 @@ with gr.Blocks(theme='gradio/soft') as demo:
             <h4> <a href="https://github.com/Maki-DS/Jax-Controlnet-hand-training/blob/main/normal-preprocessing.py">Standard Data Preprocessing Script</a></h4>
             <h4> <a href="https://github.com/Maki-DS/Jax-Controlnet-hand-training/blob/main/Hand-encoded-preprocessing.py">Hand Encoding Data Preprocessing Script</a></h4></center>
             """)
-
+            
+    # How to use model
+    with gr.Box():
+        gr.Markdown("""<h2><b>How to use ⌛️</b></h2>""")
+        with gr.Accordion("Generate image with ControlnetHand", open=True):
+            gr.Markdown("""
+            - Step 1. Describe the image you want to create along with the hand details of the uploaded or captured image
+            - Step 2. Provide a negative prompt that helps the model not to create redundant details
+            - Step 3. Upload or capture by webcam a clear image of hands that are prominently visible in the foreground
+            - Step 4. Submit and enjoy
+            """)
+            
     # Model input parameters
     model_type = gr.Radio(["Standard", "Hand Encoding"], value="Standard", label="Model preprocessing", info="We developed two models, one with standard MediaPipe landmarks, and one with different (but similar) coloring on palm landmarks to distinguish left and right")