
How are you generating mock data for Storybook and Playwright these days?
I got tired of maintaining giant mock objects every time an API response changed.
A typical workflow for me looked like:
- Update TypeScript interface
- Update Storybook mocks
- Update Playwright fixtures
- Update MSW handlers
- Forget one of them
- Spend 30 minutes debugging
I ended up building a small open-source tool called FixtureKit.
You paste a TypeScript interface or Zod schema and it generates:
- TypeScript fixtures
- JSON
- MSW handlers
- Playwright mocks
It runs entirely in the browser, so no schema data leaves your machine.
Recently added support for:
- Record
- Pick
- Omit
- Partial
- Readonly
- Required
- Literal unions
I'm mostly looking for feedback from frontend developers.
What's everyone using today for Storybook / Playwright mock generation?
And if you have a schema that breaks FixtureKit, I'd love to see it.