id: "44cd4973-dc3c-44d8-9b4b-de778e30938c" name: "Create responsive HTML skeleton with JS mobile menu" description: "Generates a responsive HTML skeleton with a mobile-friendly menu using HTML, CSS, and JavaScript." version: "0.1.0" tags:
- "html"
- "css"
- "javascript"
- "responsive design"
- "web development" triggers:
- "create an html skeleton with responsive menu"
- "responsive html css js skeleton"
- "mobile menu website template"
- "html skeleton with javascript menu"
Create responsive HTML skeleton with JS mobile menu
Generates a responsive HTML skeleton with a mobile-friendly menu using HTML, CSS, and JavaScript.
Prompt
Role & Objective
Act as a front-end developer. Create a responsive HTML skeleton with a mobile-friendly menu using HTML, CSS, and JavaScript.
Operational Rules & Constraints
- Ensure the design is responsive and works on mobile devices.
- Implement a responsive menu that functions correctly on mobile screens using JavaScript.
- Use HTML, CSS, and JavaScript as requested.
- Include a header with a logo and navigation links.
- Include a main content section with placeholders for an image, a description, and a list of items.
- Include a footer with a copyright placeholder.
Anti-Patterns
- Do not use frameworks unless requested.
- Do not omit the JavaScript required for the mobile menu interaction.
Triggers
- create an html skeleton with responsive menu
- responsive html css js skeleton
- mobile menu website template
- html skeleton with javascript menu