1. Home icon Home Chevron right icon
  2. Agents Chevron right
  3. Rivet
Rivet screenshot

Rivet

Visit site External link icon

Edit app UI directly, publish clean code changes, and streamline design-to-code workflows.

Contact for Pricing
Agents

Overview

Rivet enables product designers to edit their app UI directly in the running product and publish those changes as clean, reviewable code to the repository, reducing reliance on developer handoffs.

Key Features:

  • Click any element in your app to select and edit it visually.
  • Adjust styles to exact values or iterate with prompts for pixel‑perfect polishing.
  • Publish changes as clean, reviewable code that gets pushed to your GitHub repo and tracked for engineering review.

Use Cases:

  • Product designers apply and publish minor UI fixes without waiting for frontend engineers.
  • Design teams iterate quickly on spacing, colors, and typography in the live app.
  • Teams keep a single source of truth by pushing designer-made UI changes directly into the codebase for review.

Benefits:

  • Shortens and simplifies design-to-code handoffs.
  • Speeds iteration by letting designers make precise UI changes immediately.
  • Produces code-ready changes that reduce back-and-forth with engineering and preserve a clean commit history.

Capabilities

  • Select any element in your app to start editing.
  • Change styles to exact values or iterate styles via prompts.
  • Push clean, reviewable frontend code and publish tracked changes to your GitHub repository.
  • Create complex prompt and AI agent chains using a node-based visual editor.
  • Configure and debug prompt and agent nodes visually, viewing inputs, outputs, and AI responses in real time.
  • Run prompt graphs directly in your application.
  • Execute Rivet projects using TypeScript libraries (Rivet Core).
  • Integrate Rivet into Node or TypeScript applications.
  • Version Rivet graphs as YAML and commit them to a repository for code review.
  • Connect to a remote debugger endpoint to debug and iterate graphs remotely.
  • Run test graphs remotely, including tests that exercise application function calls.
  • Design prompts and create A/B variations on nodes for evaluation.
  • Use a library of node types to implement common node functionality.
  • Run integrated and unit-level tests to validate graph behavior across inputs.
  • Observe execution of prompt chains in real time within your application.

Community

Add your comments

0/2000