Create responsive HTML skeleton with JS mobile menu

---
id: "44cd4973-dc3c-44d8-9b4b-de778e30938c"
name: create-responsive-html-skeleton-with-js-mobile-menu-bfda3f78d480
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