1,077 prompts
[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.
Explain this error in plain English and help me fix it. Language/framework: [e.g. Python 3.12 / Node 20 / Laravel] What I was doing: [action] Error: ``` [paste error and stack trace] ``` Relevant code: ``` [paste code] ``` Please give: 1. What the error means 2. The most likely cause (and other possible causes) 3. The…
Paste a confusing error or stack trace and get a plain-English explanation, the likely cause and a fix.
Add documentation to the code below. Language: [language] Docstring style: [Google / NumPy / JSDoc / PHPDoc] Rules: - Add a docstring to every public function/class: purpose, parameters, return value, exceptions, example - Add inline comments only where logic isn't obvious, explaining WHY - Don't change any behaviour…
Document existing code with helpful docstrings and comments that explain the why, not just the what.
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 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.
Act as a senior [language] developer. Write a function that: [describe behaviour] Inputs: [names, types, examples] Output: [type and example] Constraints: [performance, no external libraries, etc.] Include: - Type hints/annotations and a docstring - Input validation and clear error messages - Handling for edge cases (…
Describe what a function should do and get clean, typed, tested code with edge cases handled.
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 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.
Act as a DevOps engineer. App: [language/framework and version] Services needed: [database, cache, queue] Ports: [list] Environment variables: [names only] Goal: [local dev / production] Create: 1. A multi-stage Dockerfile (small image, non-root user, cached dependencies) 2. A .dockerignore 3. docker-compose.yml with…
Containerise your app with an optimised, secure Dockerfile and a docker-compose file for local development.
Create a GitHub Actions workflow for my project. Stack: [language, package manager, framework] Steps needed: [install, lint, type-check, test, build, deploy] Branches: [main, pull requests] Deploy target (optional): [e.g. Vercel, server via SSH, Docker registry] Requirements: - Cache dependencies - Run tests on [versi…
Set up a GitHub Actions workflow that installs, lints, tests and builds your project on every push and pull request.
Act as an operations consultant using lean principles. Process: [name] Current steps: [describe each step, who does it, how long it takes] Problems: [delays, errors, complaints] Tools used: [list] Please: 1. Map the process and identify bottlenecks 2. Spot waste (waiting, rework, handoffs, unnecessary steps) 3. Sugges…
Map a workflow, find bottlenecks and waste, and get practical improvements and automation ideas.
Act as a facilitation expert. Meeting: [type, e.g. weekly team, kickoff, brainstorm, decision] Goal: [what must be true at the end] Attendees: [roles] Length: [minutes] Topics: [list] Create: 1. A one-sentence meeting objective 2. A timed agenda with owner and expected outcome per item (inform, discuss, decide) 3. Pre…
Plan focused meetings with a clear goal, timed agenda, pre-reads and decisions to make.