Align the landing demo with the playground

Author: a-baran-orhan

README.md

@@ -3,7 +3,7 @@
 <p align="center">
   <b>Kinematic motion as text.</b>
   <br />
-  An inspectable, editable movement format for animation tools, agents, and web products.
+  An inspectable, editable movement format for animation tools, LLMs, and web products.
 </p>
 
 <p align="center">
@@ -41,7 +41,7 @@
 
 Animation clips and generated trajectories can show movement, but they often hide the semantic decisions that produced it.
 
-Posecode keeps those decisions in readable source. A human can write the document, an animation tool can emit it, or an agent can draft it. Parsing, validation, editing, and rendering do not require an AI model.
+Posecode keeps those decisions in readable source. A human can write the document, an animation tool can emit it, or an LLM can draft it. Parsing, validation, editing, and rendering do not require an AI model.
 
 
 <p align="center">
@@ -769,7 +769,7 @@ Feedback and contributions are welcome.
 
 ---
 <p align="center">
-  <b>Animation tools, agents, and web products need movement they can inspect.</b>
+  <b>Animation tools, LLMs, and web products need movement they can inspect.</b>
   <br />
   <b>Posecode makes movement readable source.</b>
 </p>

package-lock.json

@@ -4,13 +4,13 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Integrate Inspectable Movement | Posecode for Products</title>
-    <meta name="description" content="Add a readable, editable movement format to an animation tool, agent workflow, or web product with Posecode's parser, renderer, web component, and MCP server." />
+    <meta name="description" content="Add a readable, editable movement format to an animation tool, LLM workflow, or web product with Posecode's parser, renderer, web component, and MCP server." />
     <link rel="canonical" href="https://www.posecode.org/for-products" />
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
     <meta name="theme-color" content="#0b0c0d" />
     <meta property="og:title" content="Integrate inspectable movement with Posecode" />
-    <meta property="og:description" content="Open-source building blocks for adding readable, editable 3D movement to animation tools, agent workflows, and web products." />
+    <meta property="og:description" content="Open-source building blocks for adding readable, editable 3D movement to animation tools, LLM workflows, and web products." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/for-products" />
     <meta property="og:site_name" content="Posecode" />
@@ -51,7 +51,7 @@
         <div class="product-hero-copy reveal">
           <p class="eyebrow">For product owners &amp; developers</p>
           <h1>Build with inspectable movement.</h1>
-          <p class="product-lede">Posecode is a readable movement format with a parser, typed IR, Three.js renderer, web component, and agent tools. Author it directly or with AI, then keep the result editable and under your control.</p>
+          <p class="product-lede">Posecode is a readable movement format with a parser, typed IR, Three.js renderer, web component, and LLM tools. Author it directly or with an LLM, then keep the result editable and under your control.</p>
           <div class="hero-cta">
             <a class="btn primary lg" href="mailto:hello@posecode.org?subject=Posecode%20product%20integration">Discuss an integration&nbsp;→</a>
             <a class="btn ghost lg" href="#today">See what exists today</a>
@@ -68,7 +68,7 @@ <h2>Open-source toolkit today.<br />No hosted commercial platform yet.</h2>
         <header class="product-section-head reveal">
           <p class="eyebrow">Ways to integrate</p>
           <h2>Start at the layer you need.</h2>
-          <p>Keep the standard player, compose the lower-level libraries, or give a local agent movement tools.</p>
+          <p>Keep the standard player, compose the lower-level libraries, or give an LLM movement tools.</p>
         </header>
         <div class="integration-grid">
           <article class="integration-card reveal">
@@ -85,7 +85,7 @@ <h3>Own the interface</h3>
             <pre aria-label="npm installation example"><code>npm install posecode-parser posecode-render three</code></pre>
           </article>
           <article class="integration-card reveal">
-            <span class="card-index">03 / agents</span>
+            <span class="card-index">03 / LLMs</span>
             <h3>Run movement tools locally</h3>
             <p>The npm MCP server runs over stdio on your machine. It teaches an MCP client the language, validates documents, and creates playground links.</p>
             <pre aria-label="Local MCP command example"><code>npx -y posecode-mcp@latest</code></pre>
@@ -103,7 +103,7 @@ <h2>Movement that stays inspectable.</h2>
           <article class="use-case reveal"><h3>Fitness &amp; rehab products</h3><p>Show an exercise beside a program or cue. Joint angles are clamped to general range-of-motion limits, but Posecode is not clinical advice or patient-specific validation.</p></article>
           <article class="use-case reveal"><h3>Education tools</h3><p>Connect written instruction to a moving figure for anatomy, dance, physical education, or movement vocabulary.</p></article>
           <article class="use-case reveal"><h3>Movement libraries</h3><p>Store small, diffable text files, validate them in CI, and open any movement in the browser without pre-rendering video.</p></article>
-          <article class="use-case reveal"><h3>Agent workflows</h3><p>Let an MCP-capable local agent write, validate, repair, and return a link to movement the user can inspect.</p></article>
+          <article class="use-case reveal"><h3>LLM workflows</h3><p>Let an MCP-capable LLM write, validate, repair, and return a link to movement the user can inspect.</p></article>
           <article class="use-case reveal"><h3>Other web products</h3><p>Use movement as editable content anywhere a video or static diagram is too rigid and a full animation pipeline is too heavy.</p></article>
         </div>
       </section>