How are you generating mock data for Storybook and Playwright these days?
▲ 10 r/javascript+2 crossposts

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.

Live:
https://fixture-kit.vercel.app

GitHub:
https://github.com/Wasef-Hussain/FixtureKit

u/redgodemperor — 1 day ago

Launching FixtureKit today on PH --> would love your support and honest feedback

Hey r/ProductHunters ,

Launching FixtureKit today and would love your support!

https://www.producthunt.com/products/fixturekit?launch=fixturekit

What it does: paste a TypeScript interface or Zod schema --> get

realistic mock fixtures in TypeScript, JSON, MSW, or Playwright format.

Everything runs in the browser, no signup required.

Built this because I kept wasting time writing the same mock objects by

hand for every project. Field names drive semantic inference so you get

real-looking data, not just "string", "string", "string".

It also has an adversarial mode that injects XSS payloads, SQL injection

strings, and boundary values --> useful for testing your validation logic.

Free and open source: https://github.com/Wasef-Hussain/FixtureKit

Any feedback welcome --> happy to answer questions here too.

u/redgodemperor — 2 days ago

solo dev, 3 days marketing my saas. 13 reddit comments, $0 mrr, and my landing page was just a login screen until yesterday

i'm a developer not a founder. built RivalIntel because i kept seeing people on reddit complain about missing competitor pricing changes. everyone says they check manually but nobody actually keeps it up.

you add competitor urls, it scrapes them every night, and if something real changed it emails you what changed and why it might matter. tries to filter out cookie banners and layout junk so you're not getting spammed.

been marketing for 3 days. posted on reddit twitter linkedin. got about 13 real comments on one thread. talked to someone who built a similar thing for retail pricing and learned more from that than any paid lead gen tool i tried.

also fixed the landing page yesterday. before that ''rivalintel dot xyz'' just dumped you into login. probably lost everyone who clicked.

free right now. 2 competitors, 5 urls.

if you want to see what an alert actually looks like without waiting overnight there's a demo page that fakes a price change every 60 seconds.

''rivalintel dot xyz''
Because of rule i am typing like this

try it and tell me what would make you pay for it. or tell me it's useless. both help. i'll reply to everything.

reddit.com
u/redgodemperor — 3 days ago

solo dev, 3 days marketing my saas. 13 reddit comments, $0 mrr, and my landing page was just a login screen until yesterday

i'm a developer not a founder. built RivalIntel because i kept seeing people on reddit complain about missing competitor pricing changes. everyone says they check manually but nobody actually keeps it up.

you add competitor urls, it scrapes them every night, and if something real changed it emails you what changed and why it might matter. tries to filter out cookie banners and layout junk so you're not getting spammed.

been marketing for 3 days. posted on reddit twitter linkedin. got about 13 real comments on one thread. talked to someone who built a similar thing for retail pricing and learned more from that than any paid lead gen tool i tried.

also fixed the landing page yesterday. before that rivalintel.xyz just dumped you into login. probably lost everyone who clicked.

free right now. 2 competitors, 5 urls.

if you want to see what an alert actually looks like without waiting overnight there's a demo page that fakes a price change every 60 seconds.

rivalintel.xyz

try it and tell me what would make you pay for it. or tell me it's useless. both help. i'll reply to everything.

https://preview.redd.it/xq6a6nx39v5h1.png?width=1702&format=png&auto=webp&s=8d2c92b8e09049c9cb3b2feb228b29632062303b

reddit.com
u/redgodemperor — 3 days ago

Built FixtureKit – generate TypeScript fixtures from interfaces and Zod schemas

I kept running into the same thing when writing tests.

Need a quick mockUser, mockOrder, mockProduct, etc.

Most of the time I'd either hand-write it, copy an old fixture, or spend more time setting up mock data than writing the actual test.

So over the last few days I built a small tool called FixtureKit.

You paste a TypeScript interface or Zod schema and it generates a ready-to-use fixture object.

Example:

interface User {
  id: string
  name: string
  email: string
  role: "admin" | "viewer"
}

becomes:

export const mockUser: User = {
  id: "...",
  name: "Alice Johnson",
  email: "alice@example.com",
  role: "admin",
}

A couple things I cared about:

  • Works entirely in the browser
  • Doesn't need Faker setup
  • Handles nested objects, arrays, unions, and optional fields
  • Generates realistic values based on field names
  • Deterministic output so the same schema always generates the same fixture

Still early and I'm sure there are TypeScript/Zod patterns I haven't thought about.

What are you all using for fixture generation these days?

reddit.com
u/redgodemperor — 3 days ago

how do you actually keep track of competitor pricing changes?

genuine question because i see this come up a lot.

when a competitor quietly changes their pricing, adds a new tier, or repositions their features .. how do you actually find out? what's your real process?

from what i've seen most people are either:

- manually checking every few weeks (and forgetting)

- using google alerts which misses page-level changes

- finding out from a customer on a sales call

curious what actually works for solo founders or small teams without a dedicated PMM. is there a system that doesn't require remembering to check?

reddit.com
u/redgodemperor — 4 days ago

built something to stop finding out about competitor changes from my own customers

solo dev here. noticed a pattern where founders keep saying the same thing , they find out a competitor changed their pricing or launched a new feature when a customer mentions it on a call. by then it's already too late.

so i built a tool to fix that. you add competitor URLs (pricing page, features page, changelog), it scrapes them every night, and if something real changed it emails you a plain english summary of what changed and why it might matter. not just "something changed on this page" , actual context about the move.

the hard part was noise. pages change constantly for stupid reasons ,cookie popups, ad rotations, layout tweaks. spent most of the time filtering that out so it only fires when content actually changes.

it's called RivalIntel. live at rivalintel.xyz, free to try.

curious if this is actually a problem people here deal with or if i'm solving something that isn't painful enough to matter

reddit.com
u/redgodemperor — 4 days ago
▲ 2 r/SaasDevelopers+1 crossposts

built a tool that watches competitor pages and emails you when something actually changes

solo dev here. built this because i kept seeing founders complain about missing competitor moves and thought it was a solvable problem.

the idea is simple: you add competitor URLs you want to watch (pricing page, features page, changelog), it scrapes them every night, and if something meaningful changed it sends you an email explaining what changed and why it might matter. not just "something changed" — actual context.

the annoying part to build was the noise filtering. pages change constantly — cookie banners, ads rotating, layout shifts. had to tune it to only fire when real content changes, not html junk.

also built a demo page that auto-increments a price every 60 seconds so you can actually see the AI alert fire in real time without waiting overnight.

live at rivalintel.xyz — free, no card needed.

curious if this scratches an itch for anyone here or if the problem isn't painful enough to matter.

https://preview.redd.it/10vwao7g8o5h1.png?width=1000&format=png&auto=webp&s=8316b7fae732add9d8b9b81157549e1ac7fc2b77

reddit.com
u/redgodemperor — 1 day ago
▲ 0 r/nextjs

I got tired of writing mock objects by hand, so I built a tool that generates TypeScript fixtures from interfaces and Zod schemas

Built this over the last few days after getting tired of hand-writing mock data for tests and Storybook.

FixtureKit lets you paste:

- TypeScript interfaces

- Zod schemas

and generates realistic fixture objects instantly.

A few things I focused on:

- deterministic output

- browser-only (nothing leaves your machine)

- no eval

- works with nested objects, arrays, unions and optional fields

Live demo:

https://fixture-kit.vercel.app

GitHub:

https://github.com/Wasef-Hussain/FixtureKit

I'm mainly looking for feedback from people using Next.js + Zod.

What schema shapes would break this in your codebase?

reddit.com
u/redgodemperor — 5 days ago