Uploaded September 2026 | Updated September 2026, 3 hours ago
The new Rive CLI and RML (Rive Markup Language) open up some powerful new workflows for working with Rive files, code, and AI agents together.
In this video, Gordon takes an existing rev file, converts it to RML, and explores the project using the Rive CLI alongside Claude.
From there, the agent cleans up Data Binding property names to follow consistent naming conventions, generates type-safe Dart bindings, and updates a Flutter app to use the riv file and generated code.
The graphic is then modified by the agent using RML to add another button, followed by focus states and accessibility semantics. The result is tested with keyboard focus and a screen reader.
00:00 Intro to Rive CLI/RML and the project
01:56 Converting an existing .rev file to RML
04:07 Setup Claude and show CLI Player
06:07 Clean up data binding properties and generate type-safe Dart bindings
09:18 Integrating with Flutter (runtime) through data binding
11:33 Keep runtime code and Rive in lockstep
12:36 Add Focus states and modify the graphic
17:44 Adding accessibility semantics
20:21 Moving back into the Rive Editor
RML makes the structure of a Rive file text-based, making it easier to update graphics and code in lockstep, generate type-safe runtime bindings, and keep changes under version control.
The new Rive CLI and RML (Rive Markup Language) open up some powerful new workflows for working with Rive files, code, and AI agents together.
In this video, Gordon takes an existing rev file, converts it to RML, and explores the project using the Rive CLI alongside Claude.
From there, the agent cleans up Data Binding property names to follow consistent naming conventions, generates type-safe Dart bindings, and updates a Flutter app to use the riv file and generated code.
The graphic is then modified by the agent using RML to add another button, followed by focus states and accessibility semantics. The result is tested with keyboard focus and a screen reader.
00:00 Intro to Rive CLI/RML and the project
01:56 Converting an existing .rev file to RML
04:07 Setup Claude and show CLI Player
06:07 Clean up data binding properties and generate type-safe Dart bindings
09:18 Integrating with Flutter (runtime) through data binding
11:33 Keep runtime code and Rive in lockstep
12:36 Add Focus states and modify the graphic
17:44 Adding accessibility semantics
20:21 Moving back into the Rive Editor
RML makes the structure of a Rive file text-based, making it easier to update graphics and code in lockstep, generate type-safe runtime bindings, and keep changes under version control.
