Reframer is a custom ChatGPT API integration designed to process user input and deliver tailored, context-specific reframed outputs in real time. The application provides three unique reframing styles:
- Growth Mindset – Encourages resilience, learning, and positive thinking.
- Asian Auntie – Offers blunt, no-nonsense advice with cultural wisdom.
- Professional Polisher – Refines language for executive presence and leadership-level communication.
The project is deployed on Netlify and showcases the power of prompt engineering in enhancing communication through AI.
- Next.js: Static site generation and optimized performance
- React: Component-based structure for reusability
- CSS: Custom styling (Future plans: Implement Tailwind CSS or Bootstrap for scalability)
- ChatGPT API: AI-driven text transformation and optimization
- Netlify: Hosting and continuous deployment
- Real-Time Reframing: Instantly transforms user input based on the selected persona
- Three Unique Personas: Choose between Growth Mindset, Asian Auntie, or Professional Polisher
- Dynamic API Calls: Ensures responses are context-aware and customized
- Intuitive UI: Simple and clean interface for seamless user experience
- Scalability: Modular design for future expansion
- Clone the repository:
git clone https://github.com/nsLittle/reframer.git
- Navigate to the project folder:
cd reframer - Install dependencies:
npm install
- Start the development server:
npm run dev
- Open http://localhost:3000 in your browser.
- Tailwind CSS or Bootstrap: Improve UI design consistency and scalability
- User Authentication: Allow users to save and track reframed responses
- Customizable Tones: Expand beyond the three initial personas
- Dark Mode Toggle: Improve accessibility and user experience
- SEO Optimization: Enhance search discoverability for broader reach
Feel free to reach out for collaboration, job opportunities, or questions about my work!