[DOCS] show user install instructions in addition to install from src (#253)

Author: latentCall145

README.md

@@ -55,7 +55,13 @@ The best part about this tool is that while it does focus on visualizing GPU ope
 
 ### Installation of Triton-Viz
 
-Clone the repository to your local machine:
+Most users can install directly from GitHub:
+
+```sh
+pip install git+https://github.com/Deep-Learning-Profiling-Tools/triton-viz.git
+```
+
+If you want to run examples from this repo, contribute, or build the frontend, install from source instead:
 
 ```sh
 git clone https://github.com/Deep-Learning-Profiling-Tools/triton-viz.git
@@ -78,7 +84,7 @@ npm run build:frontend
 
 ### Optional: Enable NKI Support
 
-If you want to exercise the Neuron Kernel Interface (NKI) interpreter or run the NKI-specific tests:
+For source installs, if you want to exercise the Neuron Kernel Interface (NKI) interpreter or run the NKI-specific tests:
 
 ```sh
 uv sync --extra nki # or "uv sync --extra nki --extra test" if also running tests
@@ -98,6 +104,8 @@ uv sync --extra test
 
 ## Working with Examples
 
+Examples live in this repo. Clone it first if you installed via pip.
+
 ```sh
 cd examples
 python <file_name>.py

docs/index.html

@@ -169,7 +169,7 @@
         }
         .install-container {
             width: 100%;
-            max-width: 800px;
+            max-width: 960px;
             margin: 0 auto 3rem;
         }
         .install-box {
@@ -576,28 +576,18 @@ <h1>Analyze and debug your tile-based DSL kernels</h1>
         <div class="install-container">
             <div class="install-box">
                 <div class="install-step">
-                    <div class="install-label">Quick Start (Local Development)</div>
+                    <div class="install-label">Install</div>
                     <div class="install-command">
-                        <code style="white-space: pre-wrap;"># Step 1: git clone repo
-git clone https://github.com/Deep-Learning-Profiling-Tools/triton-viz.git
-cd triton-viz
-
-# Step 2: install
-uv sync # or "uv sync --extra nki" if you want to visualize NKI kernels
-npm install
-npm run build:frontend
-
-# Step 3: run
-uv run examples/visualizer/matmul.py</code>
-                        <button class="copy-btn" onclick="navigator.clipboard.writeText('git clone https://github.com/Deep-Learning-Profiling-Tools/triton-viz.git\ncd triton-viz\nuv sync\nnpm install\nnpm run build:frontend\nuv run examples/visualizer/matmul.py')" title="Copy to clipboard">
+                        <code style="white-space: pre-wrap;">pip install git+https://github.com/Deep-Learning-Profiling-Tools/triton-viz.git</code>
+                        <button class="copy-btn" onclick="navigator.clipboard.writeText('pip install git+https://github.com/Deep-Learning-Profiling-Tools/triton-viz.git')" title="Copy to clipboard">
                             <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>
                         </button>
                     </div>
                 </div>
             </div>
             <p style="font-size: 0.9rem; color: var(--text-muted); text-align: center; margin-top: 1rem;">
                 Note: A browser with <strong>WebGL/OpenGL enabled</strong> is required (standard in modern browsers). <br>
-                See <a href="https://github.com/Deep-Learning-Profiling-Tools/triton-viz#readme" target="_blank" style="color: var(--accent); text-decoration: underline;">README.md</a> for full documentation.
+                See <a href="https://github.com/Deep-Learning-Profiling-Tools/triton-viz#readme" target="_blank" style="color: var(--accent); text-decoration: underline;">README.md</a> for development installs, frontend builds, and full documentation.
             </p>
         </div>
     </section>