Feature prototyping in VS Code
Build the whole slice with real data in it, not placeholder JSON.
Prototypes built on mock data agree with themselves and fall apart on contact with a real response — the bio has emoji, the count is a string, the field is missing on half the accounts. With the MCP server connected the prototype uses actual API responses from the first commit, so integration assumptions surface while they are still cheap to change. VS Code runs in Agent mode with the workspace loaded, and the same `.vscode/mcp.json` is picked up by GitHub Copilot.
- 1A KonbiniAPI accountThe free plan includes 100 credits, which is enough to run this a few times.
- 2VS Code connectedOAuth. GitHub Copilot reads the same configuration.
- 3A real targetA public account, post, or keyword to run it against — the placeholders below are not live values.
Build with it.
Ask VS Code for what you need. It calls the tool, sees the real response, and writes code against the shape that came back rather than one it guessed — each call costs the same credits as the matching REST call.
Good for
- Build a creator-vetting view end to end in one sitting
- Prototype a competitor dashboard against actual API responses
- Test a UI against the messy real values rather than clean fixtures
- Throw together a demo that survives being shown to someone
Build a page that takes a TikTok username and shows the profile with their last 10 videos. Use real data throughout.
Prototype a competitor dashboard: a list of accounts, follower counts, and their most recent posts across platforms.
Make a small tool that takes a Reddit thread URL and renders the comment tree.
Build a creator search view — search by keyword, show results with follower counts, click through to a profile.
Add a LinkedIn company card to this app, populated from a real company so I can see how the layout handles long names.
Swap the bracketed parts for your own project — the platform, the endpoint, and where the result should land.
Other VS Code workflows
Run this in VS Code.
One API key works for MCP and the REST API. The free plan includes 100 credits and no credit card.