# Create responsive HTML skeleton with JS mobile menu

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

- Skill: `ecnu-icalk/create-responsive-html-skeleton-with-js-mobile-menu` (Agent Skill)
- Install (CLI): `npx skillmds@latest add ecnu-icalk/create-responsive-html-skeleton-with-js-mobile-menu`
- Raw SKILL.md: https://api.skillmd.com/api/skills/ecnu-icalk/create-responsive-html-skeleton-with-js-mobile-menu/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: ECNU-ICALK (https://skillmd.com/u/ecnu-icalk)
- Updated: 2026-09-08
- Page: https://skillmd.com/skills/ecnu-icalk/create-responsive-html-skeleton-with-js-mobile-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