Complete AI Training
Start for Free

Your job's AI kit

Get your AI kit

Tell us who you are and what you do. We show you your kit right away and email you the link: skills, prompts, AI agents, MCP servers and courses for your job.

500+ jobs ready, and we make a kit for any other job. No payment needed to look.

Share

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.