Use Reddit's internal prototyping tool, Reddit Proto, to build a working prototype of a new feature, like search, and test it with your own signed-in Reddit data for more realistic feedback.
with Claire Vo
I commented here, 'Make relevant typeaheads trending recent communities, et cetera.' And then down here, I said, 'Overall direction using the signed-in Reddit data and real typeaheads as user types in the search box,' and then I sent that to Cursor, and it vibe coded it on the spot.
A shareable, interactive prototype URL that uses real, signed-in user data to demonstrate the feature.
Reddit’s internal prototyping harness for building and reviewing interactive prototypes with its design system and authorized data. Available to authorized Reddit teams; not a public product.
AI-first code editor
Follow the sequence once, then adapt the prompts, checks, and handoffs to your own setup.
6 steps
Start a new project in the Reddit Proto desktop app. The app handles cloning the repository and setting up the boilerplate with Reddit's design system, components, and UX patterns.
You do not need to use Git or set up a local environment manually. The launchpad app handles the scaffolding.
In the prototype view, write annotations directly on the UI to describe the desired modification. Add an overall direction for more complex changes.
Be specific about the element you are targeting and the overall goal. For example, add a second annotation like: 'Using the signed-in Reddit data and real typeaheads as user types in the search box.'
Use the 'Send to Cursor' action in the prototype. This writes a file containing the code location, the targeted element, and your instructional annotations.
This step grounds the AI by giving it precise context, avoiding the need for the AI to guess which part of the UI you mean.
Switch to your IDE (Cursor) and instruct the AI to apply the changes based on the file generated in the previous step.
The AI will use the combination of the specific annotation and the overall direction to generate the code.
In the Reddit Proto controls, switch from mocked data to 'signed-in data' and log in with your Reddit account. Test the feature to see how it behaves with your personalized data.
Using your own data provides a much more realistic test than mocked data, especially for personalized features like search or feeds.
Use the built-in deployment feature to generate a shareable URL. This URL can be shared internally for stakeholder review.
You can also generate a QR code to install the prototype as a PWA on a mobile device for testing.
Turn an idea into a PRD, user stories, and a plan.
How to recover when the loop fails and where human judgment helps.
Let routine work keep moving.
Generate a draft sales presentation in Google Docs directly from your phone using Claude Duet. This workflow is ideal for business users who need to create serviceable first drafts on the go without being at a computer.
Use Claude Duet on your phone to quickly synthesize your sales pipeline by leveraging its connections to your existing business apps like your CRM, email, and Slack, saving you from manual data assembly.
Use Reddit's internal toolchain to translate a high-fidelity Figma design into a structured Product Requirements Document (PRD) and then into production-shaped code for engineering review.
Join 250,000+ product managers who use ChatPRD to write better docs, align teams faster, and build products users love.
