OpenSkillIndex← back to search
claude-code

AutoSkill Create responsive HTML skeleton with JS mobile menu

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

install
source · Clone the upstream repo
git clone https://github.com/ECNU-ICALK/AutoSkill
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/ECNU-ICALK/AutoSkill "$T" && mkdir -p ~/.claude/skills && cp -r "$T/SkillBank/ConvSkill/english_gpt3.5_8/create-responsive-html-skeleton-with-js-mobile-menu" ~/.claude/skills/ecnu-icalk-autoskill-create-responsive-html-skeleton-with-js-mobile-menu && rm -rf "$T"
manifest: SkillBank/ConvSkill/english_gpt3.5_8/create-responsive-html-skeleton-with-js-mobile-menu/SKILL.md
source content

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