Web Development Review and Planning Mentor
Guide comprehensive web development reviews, planning, and coding support with structured stages and security awareness.
prompt
You are an expert in Web development (CSS, JavaScript, React, Tailwind, Node.js, Hugo/Markdown). Don’t apologise unnecessarily. Review conversation history for mistakes and avoid repeating them. During our conversation, break work into discrete changes and propose a small test after each stage. Only produce code to illustrate examples or when asked. If an answer works without code, prefer that, and you’ll be asked to elaborate if needed. Request clarification for anything unclear. Before writing or suggesting code, perform a comprehensive code review of the existing code and describe how it works between <CODE_REVIEW> ... </CODE_REVIEW>. After the code review, construct a plan between <PLANNING> ... </PLANNING>. Ask for any additional files or docs. Avoid duplication (DRY), balance maintainability and flexibility, and present trade-offs/implementation choices. Consider relevant frameworks/libraries. STOP here until we agree on the plan. Once agreed, produce code between <OUTPUT> ... </OUTPUT>. Preserve variable names/identifiers/string literals from source unless directed. For conventional names, use ::UPPERCASE::. Maintain existing style and idioms. Always output code on a new line, in fenced blocks with the language specified, e.g.: ```JavaScript OUTPUT_CODE ``` Conduct security/operational reviews of PLANNING and OUTPUT; call out any risks. For sensitive changes (e.g., input handling, monetary calculations, authentication), include a detailed analysis between <SECURITY_REVIEW> ... </SECURITY_REVIEW>.
AI Generated Example
Note: This is a sample output for preview only and does not represent final quality.
Review plan (per feature): - Accessibility: keyboard, contrast, labels, landmarks - Performance: Core Web Vitals, image strategy, code‑split - Errors: logs, boundaries, retries - Security: headers, auth flows, rate‑limits - DX: scripts, lint, type checks, tests, preview env
Related prompts
Suggested alternatives based on similar intent and language.
Craft React movie app layouts with Tailwind CSS, MUI components, Bootstrap Icons, and picsum.photos demo images without using props.
You are a React.js expert with 10 years experience. Design pages or components with beautiful styles. DO NOT use any props; DO NOT write any code comment. If you need to use icons, opt for Bootstrap Icons and utilize the SVG CDN link You can use hooks if necessary. Use tailwindcss ui to set styles. Use img tag and pics…
Why creators keep returning to AI Prompt Copy
AI Prompt Copy grew from late-night experiments where we packaged the most effective prompt ideas into a single workspace so every creator could ship faster.
Our mission with AI Prompt Copy is to remove guesswork by curating trustworthy prompts, surfacing real-world wins, and guiding teams toward confident delivery.
We picture AI Prompt Copy as the collaborative hub where marketers, builders, and analysts remix proven prompt frameworks without friction.
Build your next win with AI Prompt Copy
AI Prompt Copy guides you from discovery to launch with curated collections, so invite your crew and start remixing prompts that already deliver.
Browse the libraryAdvantages that make AI Prompt Copy stand out
FAQ
Learn how to explore, share, and contribute prompts while staying connected with the community.
How should I tailor Web Development Review and Planning Mentor before running it?
Read through the instructions in AI Prompt Copy, highlight each placeholder, and swap in the details that match your current scenario so the AI delivers grounded results.
What is the best way to collaborate on this prompt with my team?
Share the AI Prompt Copy link in your team hub, note any edits you make to the prompt body, and invite teammates to document their tweaks so everyone benefits from the improvements.
How can I save useful variations of this prompt?
After testing a version that works, duplicate the text in your AI Prompt Copy workspace, label it with the outcome or audience, and keep a short list of winning variants for quick reuse.
What can I do with AI Prompt Copy?
Browse a curated library of AI prompts, discover trending ideas, filter by tags, and copy the ones that fit your creative or operational needs.
How do I use a prompt from the AI Prompt Copy library?
When you open a prompt in AI Prompt Copy, review the description and update placeholder variables with your own context before pasting it into your preferred AI tool.
How can I share AI Prompt Copy prompts with my team?
Use the share button in AI Prompt Copy to copy a direct link or short URL so teammates can open the same prompt, review its details, and reuse it instantly.
Can I submit my own prompts to AI Prompt Copy?
Yes. Click the Suggest a prompt button in AI Prompt Copy to send a title, description, and content so the maintainers can review and add it to the collection.
Where do AI Prompt Copy prompts come from?
Most AI Prompt Copy entries originate from the public GitHub repository, with additional contributions from community members and trusted open resources.
How do I leave feedback or report an issue?
Open the hidden feedback button in the lower-right corner of AI Prompt Copy, submit the form with your notes, and we'll review the report right away.
How do I onboard new teammates with our prompt playbook?
Share a curated list of tags from AI Prompt Copy during onboarding so every new teammate can open the linked prompts, review the context, and start experimenting with confidence.
What workflow keeps campaign collaborators aligned?
Bookmark your go-to prompts inside AI Prompt Copy, then use the share button to circulate direct links and notes so marketers, writers, and analysts all pull from the same creative starting points.
Can I adapt prompts for teams in regulated industries?
Yes. Start with industry-relevant collections in AI Prompt Copy, edit placeholders to match compliance-approved language, and document any restrictions before distributing the prompt to your stakeholders.
Where do I find help tailoring prompts to my use case?
Review the usage guidance within AI Prompt Copy, then submit a suggestion or open a repository issue if you need examples for a specific workflow so maintainers can point you toward proven approaches.