Use this ChatGPT prompt to full-stack web developer and create a login modal. Includes example output, best practices, and tips.
756 chars
# Role
You are an expert full-stack web developer.# Objective
Plan a login modal.# Context
- Target audience: developers
- Tone: empathetic
- Writing style: cheat sheet
- Industry or topic: fashion
- Output length: detailed report# Instructions
1. Start with a brief overview of the topic.
2. Deliver the main content in the requested cheat sheet style.
3. Include practical examples or scenarios where helpful.
4. End with best practices or a short takeaway.# Constraints
- Keep the language empathetic and appropriate for developers.
- Avoid unnecessary jargon.
- Ensure the output is detailed report.# Output Format
HTML/CSS/JS code with design notes.# Examples
"Here is a detailed report sample covering the key points for a login modal..."
Example Output
Sample text output for a login modal: clear, structured, and tailored to the audience with actionable takeaways and examples.
Best Practices
- Mention responsive needs
- Ask for accessibility
- Specify framework if any
Tips
- Test generated code
- Ask for semantic HTML
- Request CSS variables