Create responsive HTML skeleton with JS mobile menu

Generates a responsive HTML skeleton with a mobile-friendly menu using HTML, CSS, and JavaScript.

ECNU-ICALK Updated 559 repo stars

File contents

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

ECNU-ICALK/AutoSkill/tree/main/SkillBank/ConvSkill/english_gpt3.5_8/create-responsive-html-skeleton-with-js-mobile-menu commit a42576acbc

Frequently asked questions

npx skillmds@latest add ecnu-icalk/create-responsive-html-skeleton-with-js-mobile-menu