progressive-web-app by aj-geddes/useful-ai-prompts
npx skills add https://github.com/aj-geddes/useful-ai-prompts --skill progressive-web-app构建具有离线支持、可安装性、Service Worker 和 Web 应用清单的渐进式 Web 应用,以在浏览器中提供类似原生应用的体验。
最小工作示例:
// public/manifest.json
{
"name": "My Awesome App",
"short_name": "AwesomeApp",
"description": "A progressive web application",
"start_url": "/",
"scope": "/",
"display": "standalone",
"orientation": "portrait-primary",
"background_color": "#ffffff",
"theme_color": "#007bff",
"icons": [
{
"src": "/images/icon-192.png",
"sizes": "192x192",
"type": "image/png",
"purpose": "any"
},
{
"src": "/images/icon-512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "any"
},
{
// ... (完整实现请参阅参考指南)
references/ 目录下的详细实现:
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
| 指南 | 内容 |
|---|---|
| Web 应用清单 | Web 应用清单 |
| Service Worker 实现 | Service Worker 实现 |
| 安装提示与应用安装 | 安装提示与应用安装 |
| 使用 IndexedDB 实现离线支持 | 使用 IndexedDB 实现离线支持 |
| 推送通知 | 推送通知 |
每周安装数
116
代码仓库
GitHub 星标数
116
首次出现
2026年1月21日
安全审计
安装于
opencode98
gemini-cli97
codex93
cursor91
claude-code89
github-copilot80
Build progressive web applications with offline support, installability, service workers, and web app manifests to deliver app-like experiences in the browser.
Minimal working example:
// public/manifest.json
{
"name": "My Awesome App",
"short_name": "AwesomeApp",
"description": "A progressive web application",
"start_url": "/",
"scope": "/",
"display": "standalone",
"orientation": "portrait-primary",
"background_color": "#ffffff",
"theme_color": "#007bff",
"icons": [
{
"src": "/images/icon-192.png",
"sizes": "192x192",
"type": "image/png",
"purpose": "any"
},
{
"src": "/images/icon-512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "any"
},
{
// ... (see reference guides for full implementation)
Detailed implementations in the references/ directory:
| Guide | Contents |
|---|---|
| Web App Manifest | Web App Manifest |
| Service Worker Implementation | Service Worker Implementation |
| Install Prompt and App Installation | Install Prompt and App Installation |
| Offline Support with IndexedDB | Offline Support with IndexedDB |
| Push Notifications | Push Notifications |
Weekly Installs
116
Repository
GitHub Stars
116
First Seen
Jan 21, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
opencode98
gemini-cli97
codex93
cursor91
claude-code89
github-copilot80
Genkit JS 开发指南:AI 应用构建、错误排查与最佳实践
7,700 周安装