How do I install the Web Presentation skill?

Run npx skillmds@latest add tomevault-io/web-presentation in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

What does the Web Presentation skill do?

HTML/CSS/JS rules for the static slide deck project. Use when this capability is needed. It is listed under Web & Frontend on SkillMD.

Is Web Presentation safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Web Presentation?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Web Presentation free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Web Presentation?

tomevault-io (@tomevault-io) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Web Presentation by tomevault-io — Agent Skill

Name: Web Presentation
Author: tomevault-io

File contents

Web Presentation Skill

Rules:

HTML: semantic elements only; headings strictly ordered; labels descriptive; no inline handlers/styles.
HTML: skip link for keyboard users; ARIA live region for announcements; descriptive aria-labels on buttons.
HTML: font-display=swap; meta description; images with loading="lazy".
HTML: all markup must pass djLint (profile: html); only H006 and H031 are ignored — all other rules must be satisfied.
CSS: styles.css only; variables for tokens; no unused selectors; no deprecated/prefixed features.
CSS: :focus-visible with clear outlines; prefers-reduced-motion support; touch targets minimum 44px.
JS: addEventListener only; no inline handlers; batch DOM writes; handle missing nodes.
JS: touch/swipe gestures; URL hash navigation; ARIA live updates on slide changes.
A11y: prefer native controls; keep keyboard navigation intact.
Slides: 10 per deck; 1 headline + 2-3 sentences; 1 image + visible credit (original URL + author/host).
Slides: no eyebrow labels; include a link back to index.html in deck header.
Slides: source links open in a new tab with rel="noopener".
Layout: two-column on desktop, stacked on mobile.

Converted and distributed by TomeVault — claim your Tome and manage your conversions.

Frequently asked questions

Web Presentation