Zod & JSON Schema Builder

• 

  dark interface

• 

  light theme

Inspiration

While building schemas with non technical people, it is sometimes unclear which structure we want to achieve and how we are going to use it in code. If we have an application running Typescript, the ideal would be a Zod Schema that the app will translate to JSON but we can't store this Zod schema elsewhere. Having both in one place comes in super handy!

What it does

Converts a form to both JSON and Zod schemas which makes it ideal when building structured outputs for LLMs. The entire state is stored in the URL which makes it super easy to share.

How we built it

Simple vite + react app using Shadcn for theming.

Built With

• react
• shadcn