Design Partner Program

Verified motion for AI‑generated web apps.

MotionSpec is an open‑core trust layer for generated web motion: platforms get animation that’s accessible‑by‑default and on‑budget — enforced by the tool, not hoped for in a prompt. We’re opening a small design‑partner program for platforms that generate web UI at scale.

npm motionspec v1.2.1·40 verified primitives·373 automated tests·MIT core
The problem at scale

Your platform generates thousands of sites a week. Motion is the least reliable part.

LLM‑written animation code hallucinates APIs, ignores prefers‑reduced‑motion, and quietly degrades Core Web Vitals. Every page that ships “motion slop” is your brand on the line — and fixing it in‑house means building and maintaining a motion‑QA layer that isn’t your core business.

// generated, unverified: janky, inaccessible, off‑budget
el.style.animation = "spin 0.4s infinite";  /* no reduced‑motion guard, no perf budget */

And the stakes keep rising: independent audits find accessibility failures on roughly 95% of the top million home pages, EU accessibility expectations keep tightening, and AI builders are multiplying how much web UI gets generated — so the weakest, least‑supervised layer is the one scaling fastest.

See it live · free

See exactly what we’d catch — on any URL.

Paste any site. We statically scan its CSS motion against WCAG 2.3.3 (reduced‑motion) and WCAG 2.2.2 (pause/stop) and show every finding with the fix. It’s the same engine we’d run across your platform’s output — not a mock.

Static scan of linked CSS + <style> only. Not a full accessibility audit, not a compliance verdict; runtime JS/GSAP motion isn’t covered. Nothing is stored.

What you get

Animation your users won’t fight — and you won’t maintain.

Every animation comes from a reviewed, device‑verified catalog and ships accessible‑by‑default and on‑budget — consistently, every time.

Verified building blocks

Every animation is assembled from 40 reviewed, device‑verified primitives — not improvised at generation time. Your output stays inside a known‑good set.

Consistent, cacheable output

The same request yields the same reviewed output every time — predictable, repeatable, and safely cacheable at scale. Nothing is left to chance at generation time.

Accessible & on‑budget by default

A prefers‑reduced‑motion fallback and a performance budget are enforced by default — a prompt alone can’t switch them off. We say “reduced‑motion‑safe by construction” — never “guaranteed accessible.”

Enforced, not audited after

Caught before it ships, not flagged in a report later.

Most tools check motion after it exists — scanners and audits, sampled and advisory. MotionSpec won’t emit motion that skips its reduced‑motion fallback or blows its performance budget in the first place. The core is MIT and public on npm, so there’s no lock‑in and full diligence access from day one — you pay us to operate it, verify it, and keep it current with the standards, and that operated, continuously‑verified layer is the part that compounds.

Proof (honest scope)

First production deployment, and code you can inspect today.

One live pilot so far — commercial terms in progress — plus a core anyone can verify in five minutes. We’re precise about what’s measured versus asserted.

MetricBeforeAfter MotionSpec
Lighthouse Performance7190
Largest Contentful Paint1,842 ms983 ms  (−47%)
Accessibility9295
Reduced‑motion protectionnoneenforced

First pilot deployment — CHS Computer, Germany. Lighthouse, median of 5 runs, desktop; raw reports available on request. CLS improved but is not yet in the green band — we don’t advertise “all Core Web Vitals green.”

Verifiable now

npm motionspec v1.2.1 — MIT · 40 primitives · 373 automated tests · 0 known vulnerabilities · SBOM shipped · fuzz‑tested.

Live infrastructure

Hosted MCP server on Cloudflare — private and key‑gated: fail‑closed per‑key auth, two‑stage rate limiting, agent‑native (Model Context Protocol). Ready for a partner integration prototype.

The program · capped at 2–3 partners

Co‑build the verified layer — then embed it.

A three‑step path, deliberately small so each partner gets real engineering attention. Terms are set per partner on a call; we don’t publish pricing.

1

Proof Sprint

We benchmark 50–100 pages your platform generates — motion validity rate, WCAG 2.2.2 / 2.3.1 and reduced‑motion violations, Core Web Vitals delta with vs. without MotionSpec — plus a working prototype of your agent calling our hosted MCP. You keep the report and the prototype either way.

Fixed scope · paid
2

Design Partner License

Hosted MCP with SLA and dedicated keys, the full verified catalog including everything shipped during the term, a roadmap voice (you prioritize which motion classes we verify next), named engineering support, and optional co‑marketing.

6–12 months
3

OEM / Embedded License

An annual, usage‑tiered embedded license — SLA, optional source escrow for the premium catalog — priced on the value measured in steps 1–2, not guessed up front.

After the partner phase
Why not build it yourself?

You could. The ongoing part is the catch.

The pattern is MIT and public — cloning the basics is a few weeks. What you’d actually sign up for is the forever part: every new motion class hand‑built, tested, and accessibility‑verified, in a layer that never differentiates your product. Our estimate: roughly 0.5–1 senior engineer for 3–6 months to reach parity, plus permanent maintenance. A license is a fraction of that, stays neutral across your stack, and grows with the MCP ecosystem instead of your release train.

MotionSpec is built by Kevin Fröba (Fröba Sales Solutions UG, Germany), with dedicated security engineering. We’re deliberately small and honest about it: the MIT core means you’re never locked in, and a maintainer runbook plus a source‑escrow option cover continuity.

Let’s talk

If you generate web UI at scale, the motion layer is worth getting right.

Tell us which platform you’re building and we’ll scope a Proof Sprint on your own generated output.

Design‑Partner‑Programm

Verifizierte Motion für KI‑generierte Web‑Apps.

MotionSpec ist ein Open‑Core‑Trust‑Layer für generierte Web‑Motion: Plattformen bekommen Animation, die von Haus aus reduced‑motion‑sicher und im Performance‑Budget ist — erzwungen vom Tool, nicht im Prompt erhofft. Wir öffnen ein kleines Design‑Partner‑Programm für Plattformen, die Web‑UI in großem Maßstab generieren.

npm motionspec v1.2.1·40 verifizierte Primitive·373 automatisierte Tests·MIT‑Core
Das Problem im Maßstab

Eure Plattform generiert tausende Seiten pro Woche. Motion ist der unzuverlässigste Teil.

LLM‑geschriebener Animations‑Code halluziniert APIs, ignoriert prefers‑reduced‑motion und verschlechtert unbemerkt die Core Web Vitals. Jede Seite mit „Motion‑Slop“ setzt eure Marke aufs Spiel — und es intern zu lösen heißt, eine Motion‑QA‑Schicht zu bauen und zu pflegen, die nicht euer Kerngeschäft ist.

// generiert, ungeprüft: ruckelig, nicht barrierefreundlich, über Budget
el.style.animation = "spin 0.4s infinite";  /* kein reduced‑motion‑Guard, kein Perf‑Budget */

Und der Druck steigt: unabhängige Audits finden Barrierefreiheits‑Fehler auf rund 95% der Top‑Million‑Startseiten, die Erwartungen an Barrierefreiheit in der EU ziehen an, und KI‑Builder vervielfachen, wie viel Web‑UI generiert wird — die schwächste, am wenigsten überwachte Schicht skaliert am schnellsten.

Live ansehen · kostenlos

Seht genau, was wir finden würden — auf jeder URL.

Fügt eine beliebige Seite ein. Wir scannen ihre CSS‑Motion statisch gegen WCAG 2.3.3 (reduced‑motion) und WCAG 2.2.2 (Pause/Stopp) und zeigen jeden Fund mit dem Fix. Es ist dieselbe Engine, die wir über den Output eurer Plattform laufen lassen würden — kein Mock.

Statischer Scan von verlinktem CSS + <style> only. Kein vollständiges Barrierefreiheits‑Audit, kein Konformitäts‑Urteil; Laufzeit‑JS/GSAP‑Motion ist nicht abgedeckt. Es wird nichts gespeichert.

Was ihr bekommt

Animation, gegen die eure Nutzer nicht ankämpfen — und die ihr nicht pflegen müsst.

Jede Animation kommt aus einem geprüften, geräte‑verifizierten Katalog und wird von Haus aus reduced‑motion‑sicher und im Budget ausgeliefert — konsistent, jedes Mal.

Verifizierte Bausteine

Jede Animation wird aus 40 geprüften, geräte‑verifizierten Primitiven zusammengesetzt — nicht zur Generierungszeit improvisiert. Euer Output bleibt in einem bekannt‑guten Set.

Konsistenter, cachebarer Output

Dieselbe Anfrage liefert jedes Mal denselben geprüften Output — vorhersagbar, wiederholbar und im Maßstab sicher cachebar. Nichts wird zur Generierungszeit dem Zufall überlassen.

Barrierefreundlich & im Budget by default

Ein prefers‑reduced‑motion‑Fallback und ein Performance‑Budget werden by default erzwungen — ein Prompt allein kann sie nicht abschalten. Wir sagen „reduced‑motion‑sicher per Konstruktion“ — nie „garantiert barrierefrei“.

Erzwungen, nicht nachträglich geprüft

Abgefangen, bevor es ausgeliefert wird — nicht später im Report markiert.

Die meisten Tools prüfen Motion, nachdem sie existiert — Scanner und Audits, stichprobenartig und beratend. MotionSpec gibt gar keine Motion aus, die ihren reduced‑motion‑Fallback überspringt oder ihr Performance‑Budget sprengt. Der Core ist MIT und öffentlich auf npm, also kein Lock‑in und volle Diligence‑Einsicht ab Tag eins — ihr bezahlt uns dafür, ihn zu betreiben, zu verifizieren und mit den Standards aktuell zu halten, und diese betriebene, kontinuierlich verifizierte Schicht ist der Teil, der sich aufsummiert.

Beleg (ehrlicher Umfang)

Erster Produktiv‑Einsatz, und Code, den ihr heute prüfen könnt.

Ein Live‑Pilot bisher — kommerzielle Konditionen in Arbeit — plus ein Core, den jeder in fünf Minuten verifizieren kann. Wir sind präzise bei gemessen vs. behauptet.

MetrikVorherMit MotionSpec
Lighthouse Performance7190
Largest Contentful Paint1.842 ms983 ms  (−47%)
Barrierefreiheit9295
Reduced‑motion‑Schutzkeinererzwungen

Erster Pilot‑Einsatz — CHS Computer, Deutschland. Lighthouse, Median aus 5 Läufen, Desktop; Rohdaten auf Anfrage. CLS verbesserte sich, ist aber noch nicht im grünen Bereich — wir werben nicht mit „alle Core Web Vitals grün“.

Jetzt verifizierbar

npm motionspec v1.2.1 — MIT · 40 Primitive · 373 automatisierte Tests · 0 bekannte Schwachstellen · SBOM · fuzz‑getestet.

Live‑Infrastruktur

Hosted MCP‑Server auf Cloudflare — privat und key‑gated: fail‑closed Per‑Key‑Auth, zweistufiges Rate‑Limiting, agenten‑nativ (Model Context Protocol). Bereit für einen Partner‑Integrations‑Prototyp.

Das Programm · begrenzt auf 2–3 Partner

Baut die verifizierte Schicht mit — und embedded sie dann.

Ein Drei‑Schritte‑Weg, bewusst klein, damit jeder Partner echte Engineering‑Aufmerksamkeit bekommt. Konditionen pro Partner im Gespräch; wir veröffentlichen keine Preise.

1

Proof Sprint

Wir benchmarken 50–100 von eurer Plattform generierte Seiten — Motion‑Validitätsrate, WCAG 2.2.2 / 2.3.1 und reduced‑motion‑Verstöße, Core‑Web‑Vitals‑Delta mit vs. ohne MotionSpec — plus ein lauffähiger Prototyp, in dem euer Agent unseren Hosted MCP aufruft. Report und Prototyp gehören euch, egal wie ihr entscheidet.

Fester Umfang · bezahlt
2

Design‑Partner‑Lizenz

Hosted MCP mit SLA und eigenen Keys, der komplette verifizierte Katalog inkl. allem, was während der Laufzeit erscheint, eine Roadmap‑Stimme (ihr priorisiert, welche Motion‑Klassen wir als nächstes verifizieren), benannter Engineering‑Support und optionales Co‑Marketing.

6–12 Monate
3

OEM‑ / Embedded‑Lizenz

Eine jährliche, nutzungsgestaffelte Embedded‑Lizenz — SLA, optional Source‑Escrow für den Premium‑Katalog — bepreist auf Basis des in Schritt 1–2 gemessenen Werts, nicht vorab geraten.

Nach der Partner‑Phase
Warum nicht selbst bauen?

Könntet ihr. Der laufende Teil ist der Haken.

Das Muster ist MIT und öffentlich — die Grundlagen zu klonen sind ein paar Wochen. Wofür ihr euch tatsächlich anmeldet, ist der Für‑immer‑Teil: jede neue Motion‑Klasse handgebaut, getestet und auf Barrierefreundlichkeit geprüft, in einer Schicht, die euer Produkt nie differenziert. Unsere Schätzung: grob 0,5–1 Senior‑Engineer für 3–6 Monate bis zur Parität, plus dauerhafte Wartung. Eine Lizenz kostet einen Bruchteil davon, bleibt neutral über euren Stack und wächst mit dem MCP‑Ökosystem statt mit eurem Release‑Zug.

MotionSpec wird von Kevin Fröba (Fröba Sales Solutions UG, Deutschland) gebaut, mit dedizierter Security‑Engineering. Wir sind bewusst klein und ehrlich dabei: der MIT‑Core bedeutet, ihr seid nie eingesperrt, und ein Maintainer‑Runbook plus Source‑Escrow‑Option decken die Kontinuität ab.

Sprechen wir

Wenn ihr Web‑UI im Maßstab generiert, lohnt es sich, die Motion‑Schicht richtig zu machen.

Sagt uns, welche Plattform ihr baut, und wir umreißen einen Proof Sprint auf eurem eigenen generierten Output.