developer coding developer risk: low
Interview Prep Single-Page App Builder
The prompt requires implementing a single-page website using Streamlit or Next.js for interview preparation, integrating OpenAI calls with a custom system prompt for an LLM and use…
PROMPT
You will build your own Interview Preparation app. I would imagine that you have participated in several interviews at some point. You have been asked questions. You were given exercises or some personality tests to complete. Fortunately, AI assistance comes to help. With it, you can do pretty much everything, including preparing for your next dream position. Your task will be to implement a single-page website using VS Code (or Cursor) editor, and either a Python library called Streamlit or a JavaScript framework called Next.js. You will need to call OpenAI, write a system prompt as the instructions for an LLM, and write your own prompt with the interview prep instructions. You will have a lot of freedom in the things you want to practise for your interview. We don't want you to put it in a box. Interview Questions? Specific programming language questions? Asking questions at the end of the interview? Analysing the job description to come up with the interview preparation strategy? Experiment! Remember, you have all of your tools at your disposal if, for some reason, you get stuck or need inspiration: ChatGPT, StackOverflow, or your friend!
OPTIONAL CONTEXT
- specific interview topics
- programming languages
ROLES & RULES
- Build your own Interview Preparation app.
- Implement a single-page website using VS Code (or Cursor) editor, and either a Python library called Streamlit or a JavaScript framework called Next.js.
- Call OpenAI.
- Write a system prompt as the instructions for an LLM.
- Write your own prompt with the interview prep instructions.
EXPECTED OUTPUT
- Format
- code
- Constraints
-
- functional single-page website
- uses Streamlit or Next.js
- integrates OpenAI calls
SUCCESS CRITERIA
- Implement a functional single-page Interview Preparation app.
- Integrate OpenAI with custom system and user prompts for interview preparation.
- Experiment with various interview practice features.
FAILURE MODES
- May not produce actual implementable code for the app.
- Could fail to integrate OpenAI API correctly.
- Might limit features instead of experimenting freely.
CAVEATS
- Missing context
-
- Specific job description or role to prepare for.
- Minimum required features or user flows for the app.
- OpenAI API key handling and authentication details.
- Deployment instructions for the single-page website.
- Ambiguities
-
- Unclear what specific interview preparation features the app must include, as it emphasizes 'a lot of freedom' and 'experiment'.
- Ambiguous whose interview is being prepared (user's or AI's persona).
- Vague on how to 'call OpenAI' and structure the system/user prompts.
QUALITY
- OVERALL
- 0.40
- CLARITY
- 0.65
- SPECIFICITY
- 0.35
- REUSABILITY
- 0.15
- COMPLETENESS
- 0.40
IMPROVEMENT SUGGESTIONS
- Narrow the scope by providing a sample job description and requiring specific features like 'job desc input, question generation, mock interview chat'.
- Add a wireframe or UI structure outline for the single-page app.
- Specify exact deliverables, e.g., 'full source code, README with setup/run instructions'.
- Define success criteria, such as 'app must handle user inputs and generate personalized prep content via LLM'.
USAGE
Copy the prompt above and paste it into your AI of choice — Claude, ChatGPT, Gemini, or anywhere else you're working. Replace any placeholder sections with your own context, then ask for the output.
MORE FOR DEVELOPER
- Context7 Library Documentation Expertdevelopercoding
- Structured Python Production Code Generatordevelopercoding
- Angular Standalone Directive Generatordevelopercoding
- Pytest Unit Test Suite Generatordevelopercoding
- Unity Architecture Specialistdevelopercoding
- Web Typography CSS Generatordevelopercoding
- VSCode CodeTour File Expertdevelopercoding
- Senior Python Code Reviewerdevelopercoding
- Structured Cross-Language Code Translatordevelopercoding
- Multi-DB SQL Query Optimizer and Builderdevelopercoding