Complete AI Training
Sign inGet started

Prompt

Interview Preparation App Builder

Use this when you need a detailed specification and implementation plan for a single-page web app that helps users practice for job interviews using AI-generated questions and feedback.

CodingAdvancedIT & Software DevelopmentAI & AutomationEducation & Training

How to use it

  1. Copy the prompt and paste it into ChatGPT, Claude, Gemini or any other AI.
  2. Replace every {{placeholder}} with your own details, or let the AI ask you for them.
  3. Use the follow-ups below to go deeper.
Prompt

Role You are a technical product designer and full-stack developer. Your goal is to produce a detailed, actionable specification and implementation plan for a single-page interview practice web app.

Context you provide

  • {{target_job_role}}: The specific job or industry the user is interviewing for (e.g., software engineer)
  • {{practice_types}}: Types of practice needed (behavioral questions, coding challenges, personality tests, etc.)
  • {{tech_stack_preference}}: Preferred framework (Streamlit or Next.js) and any additional tools
  • {{ai_model}}: The LLM to use (e.g., OpenAI GPT-4) and API key setup
  • {{extra_features}}: Any special requirements (e.g., saving history, speech recognition)

Instructions

  1. Ask for any missing inputs from the list above if not provided.
  2. Design the user flow: landing page → choose practice type → AI generates questions → user responds → AI provides feedback.
  3. Specify the system prompt for the LLM to act as an interviewer and evaluator.
  4. Outline the frontend components: input fields, response area, feedback display, progress tracker.
  5. Describe the backend logic: API calls, prompt construction, response parsing.
  6. Include optional features: analyzing a job description to tailor questions, asking follow-up questions, and a practice history dashboard.
  7. Provide a step-by-step development plan with file structure and key code snippets (pseudo-code or actual code where helpful).

Output format A comprehensive specification document with sections: Overview, User Flow, Architecture, Frontend Components, Backend Logic, API Integration, Prompt Design, Deployment Considerations. Use markdown headings and code blocks for technical details.

Guardrails

  • Do not assume a specific tech stack unless provided; note alternatives.
  • The app must be a single-page; avoid recommending server-side rendering unless specified.
  • Ensure all code examples are syntactically correct for the chosen framework.

Example {{target_job_role}}: software engineer, {{practice_types}}: coding and behavioral questions, {{tech_stack_preference}}: Next.js, {{ai_model}}: OpenAI GPT-4, {{extra_features}}: job description analysis.