Skip to content

Commit d806eca

Browse files
Reposition Posecode as an inspectable movement format (#113)
1 parent 3a72ea4 commit d806eca

65 files changed

Lines changed: 1297 additions & 836 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

README.md

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -3,15 +3,13 @@
33
<p align="center">
44
<b>Kinematic motion as text.</b>
55
<br />
6-
Mermaid gave LLMs a way to draw diagrams.
7-
<br />
8-
Posecode gives them a way to show movement.
6+
An inspectable, editable movement format for animation tools, LLMs, and web products.
97
</p>
108

119
<p align="center">
12-
A human-readable spatial DSL for describing, validating, and rendering
10+
Like Mermaid for movement: small text documents for describing, validating, and rendering
1311
<br />
14-
exercises, physiotherapy movements, posture, dance, and human motion.
12+
deterministic human motion without hiding the source inside a black box.
1513
</p>
1614

1715
<p align="center">
@@ -41,7 +39,9 @@
4139

4240
## Why Posecode?
4341

44-
Ask an LLM to explain physical movement and it usually returns unstructured prose or a static diagram.
42+
Animation clips and generated trajectories can show movement, but they often hide the semantic decisions that produced it.
43+
44+
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.
4545

4646

4747
<p align="center">
@@ -75,14 +75,14 @@ A human may understand that instruction, but a renderer cannot reliably determin
7575
- in what sequence,
7676
- or within which physical limits.
7777

78-
Large language models can often reason about the components of human movement, but they lack a standardized syntax for expressing that reasoning in a renderable and testable form.
78+
Humans, tools, and language models all need a shared syntax for expressing movement in a renderable and testable form.
7979

8080
Posecode provides that missing representation.
8181

8282
### See Posecode in 28 seconds
8383

84-
From an LLM prompt to editable Posecode, validated 3D rendering, MCP tools,
85-
and a one-script web embed.
84+
From readable movement source to validated 3D rendering, MCP tools, and a
85+
one-script web embed.
8686

8787
<p align="center">
8888
<a href="docs/launch-media/posecode-cut2-builder-16x9.mp4">
@@ -845,7 +845,7 @@ Feedback and contributions are welcome.
845845

846846
---
847847
<p align="center">
848-
<b>LLMs already have languages for software, data, and interfaces.</b>
848+
<b>Animation tools, LLMs, and web products need movement they can inspect.</b>
849849
<br />
850-
<b>Posecode gives them a language for movement.</b>
850+
<b>Posecode makes movement readable source.</b>
851851
</p>

playground/for-products.html

Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -3,23 +3,23 @@
33
<head>
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6-
<title>Use Posecode in Your Product | Open-Source Motion Tools</title>
7-
<meta name="description" content="Embed Posecode movement in a web product today with an open-source web component, parser, renderer, share links, npm packages, or a local MCP server." />
6+
<title>Integrate Inspectable Movement | Posecode for Products</title>
7+
<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." />
88
<link rel="canonical" href="https://www.posecode.org/for-products" />
99
<link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
1010
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
1111
<meta name="theme-color" content="#0b0c0d" />
12-
<meta property="og:title" content="Use Posecode in your product" />
13-
<meta property="og:description" content="Open-source building blocks for adding readable, editable 3D movement to web products—with a clear view of what exists today and what does not." />
12+
<meta property="og:title" content="Integrate inspectable movement with Posecode" />
13+
<meta property="og:description" content="Open-source building blocks for adding readable, editable 3D movement to animation tools, LLM workflows, and web products." />
1414
<meta property="og:type" content="website" />
1515
<meta property="og:url" content="https://www.posecode.org/for-products" />
1616
<meta property="og:site_name" content="Posecode" />
1717
<meta property="og:image" content="https://www.posecode.org/og.png" />
1818
<meta property="og:image:width" content="1200" />
1919
<meta property="og:image:height" content="630" />
2020
<meta name="twitter:card" content="summary_large_image" />
21-
<meta name="twitter:title" content="Use Posecode in your product" />
22-
<meta name="twitter:description" content="Embed readable, editable 3D movement with Posecode's open-source web component and TypeScript packages." />
21+
<meta name="twitter:title" content="Integrate inspectable movement with Posecode" />
22+
<meta name="twitter:description" content="Use Posecode's readable movement format, TypeScript packages, and web component in your product." />
2323
<meta name="twitter:image" content="https://www.posecode.org/og.png" />
2424
<link rel="preconnect" href="https://fonts.googleapis.com" />
2525
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
@@ -50,25 +50,25 @@
5050
<section class="product-hero">
5151
<div class="product-hero-copy reveal">
5252
<p class="eyebrow">For product owners &amp; developers</p>
53-
<h1>Put movement inside your product.</h1>
54-
<p class="product-lede">Posecode turns a small, readable text document into an editable 3D movement. Use the open-source pieces now—or help shape the product infrastructure that should come next.</p>
53+
<h1>Build with inspectable movement.</h1>
54+
<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>
5555
<div class="hero-cta">
5656
<a class="btn primary lg" href="mailto:hello@posecode.org?subject=Posecode%20product%20integration">Discuss an integration&nbsp;→</a>
5757
<a class="btn ghost lg" href="#today">See what exists today</a>
5858
</div>
5959
</div>
6060
<aside class="reality-card reveal" aria-label="Posecode service status">
61-
<p class="status-label"><span aria-hidden="true"></span> The honest version</p>
61+
<p class="status-label"><span aria-hidden="true"></span> Current state</p>
6262
<h2>Open-source toolkit today.<br />No hosted commercial platform yet.</h2>
63-
<p>You can ship the web component and TypeScript packages in your own product now. Hosted APIs, cloud rendering, private libraries, and enterprise operations are ideas we would explore with design partnersnot services you can buy today.</p>
63+
<p>You can ship the web component and TypeScript packages in your own product now. Hosted APIs, cloud rendering, private libraries, and enterprise operations are ideas we would explore with design partners. They are not services you can buy today.</p>
6464
</aside>
6565
</section>
6666

6767
<section id="integrate" class="product-section integration-section">
6868
<header class="product-section-head reveal">
6969
<p class="eyebrow">Ways to integrate</p>
7070
<h2>Start at the layer you need.</h2>
71-
<p>Keep the standard player, compose the lower-level libraries, or give a local agent movement tools.</p>
71+
<p>Keep the standard player, compose the lower-level libraries, or give an LLM movement tools.</p>
7272
</header>
7373
<div class="integration-grid">
7474
<article class="integration-card reveal">
@@ -92,7 +92,7 @@ <h3>Own the interface</h3>
9292
</div>
9393
</article>
9494
<article class="integration-card reveal">
95-
<span class="card-index">03 / agents</span>
95+
<span class="card-index">03 / LLMs</span>
9696
<h3>Run movement tools locally</h3>
9797
<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>
9898
<pre aria-label="Local MCP command example"><code>npx -y posecode-mcp@latest</code></pre>
@@ -109,11 +109,11 @@ <h3>Run movement tools locally</h3>
109109
<h2>Movement that stays inspectable.</h2>
110110
</header>
111111
<div class="use-case-grid">
112-
<article class="use-case reveal"><h3>Animation editors</h3><p>Generate a first pass from text, expose timing and joint values, and let a human revise the movement instead of accepting a black-box clip.</p></article>
112+
<article class="use-case reveal"><h3>Animation editors</h3><p>Load readable movement source, expose timing and joint values, and let a human revise the result instead of accepting a black-box clip.</p></article>
113113
<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>
114114
<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>
115115
<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>
116-
<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>
116+
<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>
117117
<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>
118118
</div>
119119
</section>
@@ -138,8 +138,8 @@ <h2>The current open-source surface.</h2>
138138
<section id="exploring" class="product-section exploring-section">
139139
<div class="exploring-copy reveal">
140140
<p class="eyebrow">Exploring next</p>
141-
<h2>Useful infrastructure should be shaped by real products.</h2>
142-
<p>We are interested in working with a small number of design partners to learn which operational layer actually matters. Possibilities—not announced products—include:</p>
141+
<h2>Real integrations should decide what comes next.</h2>
142+
<p>We are interested in working with a small number of design partners to learn which operational layer actually matters. Possible areas to explore include:</p>
143143
</div>
144144
<ul class="future-list reveal">
145145
<li>Hosted generation or validation API</li>
@@ -151,7 +151,7 @@ <h2>Useful infrastructure should be shaped by real products.</h2>
151151
<li>Usage analytics</li>
152152
<li>Support, security review, and SLAs</li>
153153
</ul>
154-
<p class="future-qualifier reveal">None of these capabilities is generally available today. There is no published commercial pricing. A design-partner conversation is for scoping the problem, constraints, and a possible collaborationnot selling a service that already exists.</p>
154+
<p class="future-qualifier reveal">None of these capabilities is generally available today. There is no published commercial pricing. A design-partner conversation is for scoping the problem, constraints, and a possible collaboration. It is not a sales call for a service that already exists.</p>
155155
</section>
156156

157157
<section class="product-cta reveal" aria-labelledby="product-cta-title">

0 commit comments

Comments
 (0)