-----
## name: responsive-html
description: >
Apply this skill whenever creating or updating an HTML deliverable that will be
viewed on any device — desktop, tablet, or mobile/iOS. Triggers include: any HTML
artifact, landing page, card, dashboard, report, interactive tool, or data
visualisation. Mandatory when the user mentions “mobile”, “iOS”, “iPhone”,
“responsive”, or “works on phone”. Also apply proactively to ALL HTML files
regardless of whether responsiveness is explicitly requested — it is the default
production standard.
# Responsive HTML — Production Standard
Every HTML file ships mobile-first, iOS-safe, and progressively enhanced for
larger screens. This skill encodes the exact patterns to use. Read all sections
before writing a single line of HTML.
-----
## 1. Document Shell — Always Use This Exact Head
```html
Page Title
```
**Rules:**
- `viewport-fit=cover` is REQUIRED. Without it, iOS notch clips content.
- Bootstrap JS goes at the **bottom** of ``, never in ``.
- Never use `