Design‑Partner‑Programm · für Plattformen, die Web‑UI generieren

Reduced‑Motion‑sicher by default — schon bei der Generierung.

MotionSpec™ ist ein Open‑Core‑Trust‑Layer, der die UI‑Animation, die eure Plattform generiert, verifiziert und kompiliert — reduced‑motion‑sicher (WCAG 2.2.2 / 2.3.3) und im Performance‑Budget, eingebettet in euer Produkt, sodass jede von euren Nutzern generierte Seite by default reduced‑motion‑sicher ist. Erzwungen vom Tool, nicht im Prompt erhofft.

Eure Nutzer erzeugen die Motion; heute wird das meiste davon kaputt ausgeliefert, und die Exposition wandert mit dem Output mit. Von 196 KI‑gebauten Apps, die wir am 16.07.2026 gemessen haben, liefen 66,3% mit einem Loop, den man nicht pausieren kann (WCAG 2.2.2, Level A), und 96,9% lieferten keinen reduced‑motion‑Guard (WCAG 2.3.3, eine Best‑Practice‑Lücke).

npm motionspec v1.2.5·40 verifizierte Primitive·295 automatisierte Tests·MIT‑Core

Zur Einordnung: MotionSpec verifiziert und kompiliert UI-Animation in KI-generierten Web-Apps — es generiert keine KI-Videos.

Das Problem, für Plattformen

Wer haftet, wenn eine generierte Seite unzugängliche Motion ausliefert?

Wenn eure Plattform eine Seite generiert, ist die Motion, die sie ausgibt, Motion, die ihr ausgeliefert habt — und nach dem European Accessibility Act wandert die Barrierefreiheits‑Exposition mit dem Output mit, nicht mit dem Prompt, der danach gefragt hat. Das macht Motion‑Barrierefreiheit zu einer Eigenschaft der Plattform, nicht zu einer Nachträglichkeit pro Nutzer.

Der Maßstab ist der unbequeme Teil. Wir haben am 16.07.2026 196 KI‑generierte Produktiv‑Apps auf Motion‑Barrierefreiheit gescannt: 66,3% liefen mit einer Endlos‑Schleife ohne Pausier‑Möglichkeit — der eigentliche WCAG 2.2.2 Pause, Stopp, Ausblenden Level A Fehler — und 96,9% lieferten Animation ohne prefers‑reduced‑motion‑Guard (WCAG 2.3.3, eine Best‑Practice‑Lücke, die wir nie einen A/AA‑Verstoß nennen). Nur 3,1% kamen sauber zurück, bei einem Median von 17 distinkten Motion‑Ursachen pro App. Ein Prompt, der dem Modell sagt, es solle „barrierefrei sein“, bewegt diese Zahlen nicht; Erzwingung schon.

Zwei Sorgen folgen daraus, und es sind die, die wir von Plattform‑Teams hören: zur namentlich genannten Ursache einer Welle unzugänglicher Seiten zu werden — und zuzusehen, wie ein Wettbewerber zuerst „reduced‑motion‑sicher by default“ ausliefert. Beide beantwortet man gleich — macht es zu einer Eigenschaft des Generators, auf Abruf verifizierbar.

Was ihr bekommt

Was erzwingt „reduced‑motion‑sicher by default“ eigentlich?

MotionSpec kompiliert jede Animation aus einem geprüften Katalog von 40 geräte‑verifizierten Primitiven — mit prefers‑reduced‑motion‑Fallback und einem by default erzwungenen Performance‑Budget, die ein Prompt allein nicht abschalten kann. Das Ergebnis ist reduced‑motion‑sicher per Konstruktion: Die Haftung wandert weg von euren Nutzern und von eurer Roadmap und wird zu einem Feature, das ihr weitergeben könnt.

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, sodass Motion‑Slop eure Nutzer nie erreicht.

Barrierefreundlich & im Budget by default

Ein prefers‑reduced‑motion‑Fallback und ein Performance‑Budget werden by default erzwungen — genau die Kriterien, die laut der 196‑Studie den meisten generierten Seiten fehlen. Wir sagen „reduced‑motion‑sicher per Konstruktion“, nie „garantiert barrierefrei“.

Konsistenter, cachebarer Output

Dieselbe Anfrage liefert jedes Mal denselben geprüften Output — deterministisch, wiederholbar und in eurem Maßstab sicher cachebar. Nichts an der Motion‑Schicht wird zur Generierungszeit dem Zufall überlassen.

Drei Wege, es einzubetten — kleinstes Commitment zuerst:

Schlüsselloser MCP · kostenlos

Agenten-nativ, ohne Schlüssel

Eure Coding‑Agents rufen motion_validate und motion_catalog unter api.motionspec.dev/mcp ohne Schlüssel auf, und nichts wird gespeichert — verifiziert und komponiert Motion schon heute in der Generierungsschleife. Einrichtung in zwei Minuten →

Keyed API · Dev Key

Kompilieren, auditieren, zertifizieren

Ein schlüsselgebundener Dev Key ergänzt motion_compile, Audit, Stats und signierte Zertifikate über denselben MCP plus eine REST‑API, mit fail‑closed Per‑Key‑Auth. Dev Key ansehen →

OEM · eingebettet

In eurem Produkt

Eine jährliche, nutzungsgestaffelte OEM‑Lizenz betreibt den verifizierten Compiler in eurer Plattform — SLA, optionaler Source‑Escrow für den Premium‑Katalog, bepreist nach gemessenem Wert. Über OEM sprechen →

Wollt ihr es auf einer Seite sehen, die eure Plattform generiert hat? Der kostenlose Motion‑Check zeigt jede CSS‑Motion‑Schwachstelle, die wir erkennen können — kostenlos, ohne Anmeldung, nichts wird gespeichert. motionspec.dev/motion-check

Beleg · die 196‑Seiten‑Studie · gemessen 16.07.2026

Wie schlecht ist generierte Motion heute — und wer sagt das?

Im Plattform‑Maßstab summiert sich die Exposition über jede Seite, die ihr ausliefert: Wir haben am 16.07.2026 196 KI‑generierte Produktiv‑Apps auf Motion‑Barrierefreiheit gescannt, und nur 3,1% kamen sauber zurück. Wir bauen den Compiler, der das zur Generierungszeit behebt — also haben wir Methode und Rohdaten veröffentlicht. Prüft unsere Arbeit nach.

66,3%

liefen mit einem Loop ohne Pausier‑Möglichkeit (WCAG 2.2.2 Pause, Stopp, Ausblenden · Level A)

96,9%

lieferten Motion ohne reduced‑motion‑Guard (WCAG 2.3.3 — eine Best‑Practice‑Lücke, kein A/AA‑Verstoß)

17

Median distinkter Motion‑Ursachen pro App

3,1%

kamen sauber zurück

Studie & offenen Datensatz lesen → (englisch)

Ehrlicher Umfang: Der Compiler erzwingt einen reduced‑motion‑Fallback und ein Performance‑Budget, und der Checker verifiziert zwei konkrete WCAG‑Kriterien (2.2.2 und 2.3.3) — mit Datum und Umfang angegeben. Kein MotionSpec‑Plan macht eine Seite „EAA‑konform“ oder „WCAG‑konform“; das kann kein Tool versprechen, und wir tun es nicht. Laufzeit‑JS/GSAP‑Motion wird als nicht auditiert gekennzeichnet.

Beleg · messbar

Was bekommt ihr konkret — messbar?

Für eine Plattform sind es drei Zahlen, an denen ihr euren Output messen könnt.

17

Probleme auf der typischen Seite — eure seht ihr kostenlos, in ~10s

Fügt eine beliebige URL ein: eine Zahl von Motion‑Problemen, jedes mit Copy‑Paste‑Fix, und wo ihr gegen die 196 echten Seiten steht, die wir gemessen haben. Keine Anmeldung — sofort auf eurer eigenen Seite belegbar.

96,9% → 0

Seiten ohne „Reduce‑Motion“‑Fallback → eure abgedeckt

96,9% der gemessenen Seiten liefern Animation ohne Fallback für Menschen, die ihr Gerät auf „Bewegung reduzieren“ gestellt haben. MotionSpec gibt jeder Animation diesen ruhigen Fallback — so weist ihr diese Besucher nicht länger ab.

1,8s → 1,0s

leichtere, schnellere Seiten (ein gemessener Pilot)

Die schwere, immer‑laufende Motion, die wir markieren, ist genau das, was Seiten ruckeln lässt und den Akku leert — sie zu beseitigen ist also zweifach gut: barrierefreundlicher UND leichter. In unserem ersten echten Einsatz erschien der Hauptinhalt in ~1,0s statt 1,8s, und der Performance‑Score stieg von 71→90.

Ihr müsst uns kein Wort glauben — Methode und Rohdaten hinter den ersten beiden Zahlen liegen komplett offen, prüft sie selbst nach. Die Speed‑Zahlen stammen aus einem gemessenen Deployment als Beispiel — kein Versprechen.

Das Programm · begrenzt auf 2–3 Partner

Wie funktioniert eine Plattform‑Partnerschaft?

MotionSpec betreibt ein kleines Design‑Partner‑Programm für Plattformen, die Web‑UI im Maßstab generieren: Motion, die by default reduced‑motion‑sicher und im Budget ist, ohne dass euer Team eine Motion‑QA‑Schicht besitzen muss. Es ist bewusst klein, damit jeder Partner echte Engineering‑Aufmerksamkeit bekommt; Konditionen werden pro Partner im Gespräch festgelegt, und Plattform‑Preise sind nicht öffentlich.

1

Proof Sprint

Wir benchmarken 50–100 von eurer Plattform generierte Seiten — Motion‑Validitätsrate, WCAG 2.2.2 / 2.3.3 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, optionaler Source‑Escrow für den Premium‑Katalog — bepreist auf Basis des in Schritt 1–2 gemessenen Werts, nicht vorab geraten. Die signierten Zertifikate und das Verified‑Badge werden zu einem Feature, das ihr an eure Nutzer weitergebt.

Nach der Partner‑Phase
Selbst bauen vs. lizenzieren

Ihr könntet prefers‑reduced‑motion selbst ergänzen — warum also lizenzieren?

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 über Geräte hinweg auf Barrierefreiheit 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, während sich die Standards bewegen. Eine Lizenz kostet einen Bruchteil davon, bleibt neutral über euren Stack und wächst mit dem MCP‑Ökosystem statt mit eurem Release‑Zug — und weil der Core MIT und öffentlich auf npm ist, seid ihr nie eingesperrt, mit einem Maintainer‑Runbook und einer Source‑Escrow‑Option für die Kontinuität.

FAQ

Plattform‑Fragen, beantwortet.

Wie integriert sich MotionSpec in unsere Plattform?

Drei Wege, kleinster zuerst. Der kostenlose, schlüssellose MCP-Server unter api.motionspec.dev/mcp lässt eure Agents motion_validate und motion_catalog ohne Schlüssel aufrufen, und nichts, was an die schlüssellosen Tools gesendet wird, wird gespeichert. Ein schlüsselgebundener Dev Key ergänzt motion_compile, Audit, Stats und signierte Zertifikate über denselben MCP plus eine REST-API. Zum Einbetten im Maßstab betreibt eine OEM-Lizenz den verifizierten Compiler in eurem Produkt, mit SLA und optionalem Source-Escrow. Ihr startet auf der schlüssellosen Stufe und steigt erst auf, wenn der Wert belegt ist.

Schlüssellose Stufe verbinden: motionspec.dev/docs

Was ist ein Proof Sprint?

Ein Proof Sprint ist eine kostenpflichtige Zusammenarbeit mit festem Umfang, in der wir 50–100 von eurer Plattform generierte Seiten benchmarken — Motion-Validitätsrate, WCAG 2.2.2 / 2.3.3 und reduced-motion-Verstöße sowie das Core-Web-Vitals-Delta mit vs. ohne MotionSpec — und einen lauffähigen Prototyp bauen, in dem euer Agent unseren Hosted MCP aufruft. Report und Prototyp gehören euch, egal wie ihr entscheidet.

Fangt ihr Motion schon zur Generierungszeit ab?

Ja. Motion wird als JSON-Spec gegen einen geprüften Katalog aus 40 geräte-verifizierten Primitiven deklariert und deterministisch kompiliert — mit prefers-reduced-motion-Fallback und einem by default erzwungenen Performance-Budget, sodass der Fix passiert, während die Seite generiert wird, statt nachträglich im Report markiert zu werden. Ein statischer Checker scannt außerdem jede Live-URL gegen WCAG 2.2.2 (Pause, Stopp, Ausblenden) und WCAG 2.3.3 zur stichprobenartigen Verifikation. Das ist reduced-motion-sicher per Konstruktion; es verifiziert zwei konkrete WCAG-Kriterien und ist kein Konformitäts-Urteil für die ganze Seite.

Nennt ihr die Plattformen, mit denen ihr arbeitet?

Nein. Wir behandeln Partnerbeziehungen standardmäßig vertraulich und veröffentlichen den Namen eines Partners nie ohne schriftliche Erlaubnis — Diskretion ist Teil der Vereinbarung, und sie schützt eure Roadmap.

Hier starten

Macht reduced‑motion‑sichere Motion zum Default eurer Plattform.

Steckt einen Proof Sprint auf einer Stichprobe eures Outputs ab oder eröffnet das Design‑Partner‑Gespräch — die Kohorte ist bewusst klein, damit jeder Partner echte Engineering‑Aufmerksamkeit bekommt.

Keine Plattform? Jede Seite kostenlos prüfen · Pläne & Preise ansehen · die 196‑Seiten‑Studie lesen.

Einzelner Entwickler? Für Entwickler → · Liefert ihr Kundenseiten aus? Für Agenturen → · EAA‑betroffen? Für Enterprise →