skills.rest
sayali-ingle-pdl
sayali-ingle-pdlCOMMUNITY
Explore all skills by this author →
GitHub

public

Generate PWA favicons, icons, and site.webmanifest in the public/ directory.

Updated Nov 20, 2025
Search Tags:#assets#pwa#icons#favicons#public#webmanifest
One-click install
npx skills add https://github.com/sayali-ingle-pdl/adusa-ai-vuejs-app-template --skill public
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: public
Source: https://github.com/sayali-ingle-pdl/adusa-ai-vuejs-app-template/tree/main/.github/agents/app-starter/agents-context/skills/public
Command: npx skills add https://github.com/sayali-ingle-pdl/adusa-ai-vuejs-app-template --skill public

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generates public/ directory with static assets including favicons, app icons, and site.webmanifest for Progressive Web App (PWA) support.

Core Features & Use Cases

  • Creates standard favicon files and app icons for multiple devices and platforms.
  • Generates a site.webmanifest to enable PWA features and installability.
  • Useful when bootstrapping a new Vue app or updating assets for brand consistency.

Quick Start

Create the public/ folder with the recommended icons and manifest files.

Frequently Asked Questions about public

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add PWA support to a Vue app with favicons and a webmanifest?▼

To add PWA support, generate standard favicon files, app icons, and a site.webmanifest in the public/ directory. This enables Progressive Web App features and installability for Vue.js projects.

What files are needed in the public folder for PWA compatibility across devices?▼

PWA compatibility requires favicon.ico, favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png, and site.webmanifest in the public/ directory.

When do I need to generate a site.webmanifest for my web application?▼

You need a site.webmanifest when enabling PWA features and installability. It works alongside standard app icons and favicons to ensure brand consistency across multiple devices and platforms.

Can I use these public assets to update an existing Vue project for brand consistency?▼

Yes, these public/ assets apply to both Vue.js project bootstrapping and asset updates. Generating standard favicons and a site.webmanifest ensures brand consistency across platforms.

What is the best way to bootstrap PWA-ready static assets for a Vue project?▼

The best way is to create the public/ folder with recommended icons and manifest files. This generates standard favicons, app icons, and site.webmanifest to enable PWA support.

Related Skills

Explore More Software Engineering Skills→
wonkpentinkwonkpentink

static-files-assets

Organize and optimize static files across src/assets and public/assets.

Community
Intermediate
SylphxAISylphxAI
4

pwa

Guide service worker caching strategies for offline-capable Next.js PWAs on Vercel.

Official
Intermediate
cin12211cin12211
218

nextjs-expert

Diagnose and resolve Next.js App Router, Server Components, and deployment issues.

Community
Advanced
madmax983madmax983
4

generate

Generate Autumn Rust web framework boilerplate code and project configuration.

Community
Intermediate