Code generation, debugging and documentation
39 prompts
You are a senior engineer onboarding me to a codebase. Project description: [what it does] Folder structure: [paste tree] Key files (paste the most important ones): [paste] Explain: the overall architecture, how a typical request/action flows through the code, the role of each main folder, important patterns and conve…
Get oriented in a new repository: architecture, key files, data flow and where to start.
You are a web accessibility specialist. Review the HTML/CSS below against WCAG 2.2 AA. Check: semantic structure and headings, alt text, form labels and errors, keyboard navigation and focus, colour contrast, link and button names, ARIA usage, motion and media. For each issue: severity, the WCAG criterion, who it affe…
Check HTML for accessibility problems against WCAG and get prioritised fixes with corrected code.
You are a senior engineer conducting a system design interview. System: [e.g. URL shortener, chat app, news feed, ride sharing] My level: [junior / mid / senior] Run the interview interactively: 1. Ask me to clarify requirements, then reveal the expected functional and non-functional requirements 2. Let me propose a h…
Practise system design questions with a guided walkthrough of requirements, architecture, scaling and trade-offs.
[Attach a screenshot or design image] You are a front-end developer. Recreate this design as HTML and CSS. Requirements: - Semantic HTML5 and accessible markup (alt text, labels, contrast) - Responsive: mobile first, with breakpoints at [e.g. 640px, 1024px] - Styling with [plain CSS with variables / Tailwind] - Match…
Upload a mockup or screenshot and get responsive, semantic HTML and CSS that matches it closely.
You are a browser extension developer. Extension idea: [what it does] Where it runs: [all sites / specific domains] UI: [popup, options page, sidebar] Data to store: [settings, lists] Create a Manifest V3 extension with: 1. manifest.json with minimal permissions 2. popup.html/js/css 3. content script and/or service wo…
Generate a working Manifest V3 Chrome extension with popup, content script and storage for your idea.
You are an API technical writer. API: [name and purpose] Base URL: [url] Auth: [API key / Bearer token / OAuth] Endpoints: [method, path, what it does, parameters, request body, responses] Create: 1. An OpenAPI 3.0 YAML spec with schemas, examples and error responses 2. A getting-started guide (auth, first request wit…
Turn your endpoints into a complete OpenAPI 3 spec plus human-friendly docs with examples.
You are an application security engineer. Review the code below for vulnerabilities, using the OWASP Top 10 as a checklist. Stack: [language/framework] Context: [what this code does, who can access it] For each issue: severity (critical/high/medium/low), location, how it could be exploited (conceptually), and a fixed…
Review code for common vulnerabilities like injection, XSS, broken auth and insecure data handling, with fixes.
You are a database architect. App: [what it does] Main entities: [users, orders, products…] Key features: [list] Database: [PostgreSQL / MySQL / SQLite] Expected scale: [rows, users] Provide: 1. Entity-relationship overview (text diagram) 2. CREATE TABLE statements with types, constraints, foreign keys 3. Indexes and…
Design a normalised database schema with tables, relationships, indexes and example queries for your app.
You are a senior React developer. Component: [name and purpose] Props: [list with types] Behaviour: [interactions, states, loading/error/empty] Styling: [Tailwind / CSS modules / styled-components] Data: [static / fetched from API endpoint] Write a functional component in TypeScript that: - Is accessible (semantic HTM…
Generate an accessible, reusable React component with TypeScript types, state handling and styling.
You are a senior front-end developer and designer. Build a single-file landing page using HTML and Tailwind CSS (via CDN). Product: [name and what it does] Audience: [who it's for] Brand colours: [hex codes] Style: [e.g. minimal, bold, playful, dark mode] Sections: hero with headline + CTA, logos/social proof, 3 featu…
Generate a modern, responsive, accessible landing page as a single HTML file using Tailwind, ready to customise and deploy.
Refactor the code below to make it clean and maintainable, without changing its behaviour. Language: [language] Style guide or conventions: [e.g. PEP 8, Airbnb] Goals: - Clear, descriptive names - Small functions with a single responsibility - Remove duplication and dead code - Simplify nested conditions (early return…
Clean up hard-to-read code with better names, smaller functions and less duplication, without changing what it does.
You are a technical writer for developer tools. Write a README.md for my project. Project name: [name] What it does: [description] Who it's for: [audience] Tech stack: [languages, frameworks] How to install: [steps or commands] Main features: [list] Configuration options: [env vars, config files] License: [license] Se…
Write a clear, well-structured README with installation, usage examples, configuration and contributing guidelines.