VibeCheck Chat

Inspiration

I constantly keep prompting gpt with different situations and context along side text to restructure it, so though it'd be great to have an app with common contexts and quick copy pastable output

What it does

VibeCheck Chat is a privacy-first, browser-based app that helps users instantly rephrase any message or email to match a specific tone. Whether you're trying to sound more friendly, professional, concise, or even like a pirate, the app uses OpenAI’s GPT-4o model to rewrite your text accordingly. Users can select from multiple preset tone options or input their own custom instruction. The app shows your original and rephrased text side-by-side and lets you copy the output with a single click. All of this happens entirely on the client side—your API key and content never leave your browser.

How we built it

Used this prompt in Bolt.new 'Create a single-page web app called "VibeCheck Chat" that helps users rephrase any message or email to fit a desired tone using the OpenAI API (gpt-4o model). The app must support BYOK (bring your own key) and never store any user data.

Core Features:

Text Input Area: Let users paste or write a message or email.

Tone Selection: Let users select from 6 pre-defined tone options (multi-select allowed):

Make it Friendly Make it Professional Make it Casual Make it Short and Concise Make it Persuasive Make it Empathetic Custom Tone Input: Allow users to type in a custom tone instruction (e.g., “Make it sound like a pirate”).

API Key Field: Secure field for users to input their own OpenAI API key (BYOK). Key should be stored only in-browser memory (never saved or sent elsewhere).

Model: Use gpt-4o for all completions.

Side-by-Side Output: Display the original text on the left and the rewritten version on the right, with an option to copy the output.

Buttons:

“Rephrase” button to trigger processing “Copy Text” button under the output area Dark Mode Toggle: Include a light/dark theme toggle. Default to system preference.

Responsive UI: Ensure mobile-friendly layout and snappy interactions.

Privacy: App must work entirely in the browser (client-side only) with no backend. Emphasize privacy in UI.

The final app should look clean, modern, and intuitive. Use a simple aesthetic with smooth animations or transitions where appropriate.'

Built With

• code
• no
• nocode