How do I install the Web App Manifest skill?

Run npx skillmds@latest add thedaviddias/web-app-manifest 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 App Manifest skill do?

Use when reviewing templates, rendered HTML, or shared components related to Link a Web App Manifest for installability. Validate the final browser-facing markup, not just the source framework abstraction. It is listed under Web & Frontend on SkillMD.

Is Web App Manifest 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 App Manifest?

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 App Manifest free to use?

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

Who published Web App Manifest?

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

Web App Manifest by thedaviddias — Agent Skill

Name: Web App Manifest
Author: thedaviddias

File contents

Link a Web App Manifest for installability

A Web App Manifest is the minimum requirement for a site to be installable as a Progressive Web App. Installed PWAs launch in their own window, appear in app switchers, and can receive push notifications. Even for non-PWA sites, the manifest improves the experience when users bookmark to their home screen and provides metadata for browser share dialogs.

Quick Reference

Link manifest.json with
Include name, short_name, icons (192px and 512px minimum), and start_url
Set display: standalone to hide browser chrome when launched from home screen
Set theme_color to control the browser address bar and OS taskbar color

Check

Check if this HTML file has a Web App Manifest linked. If so, verify the manifest has all required fields for installability.

Fix

Create a minimal Web App Manifest with the required fields and link it from the HTML head.

Explain

Explain the Web App Manifest format, which fields are required for installability, and how icons work across different platforms.

Code Review

Review templates, server-rendered HTML, and shared components that output markup related to Link a Web App Manifest for installability. Flag exact elements, attributes, and routes where the rendered HTML violates the rule.

For full implementation details, code examples, and framework-specific guidance, see references/rule.md.

Rule page: https://frontendchecklist.io/en/rules/html/web-app-manifest

Frequently asked questions

Web App Manifest