PWA Master Skill
このスキルは、Web アプリケーションを高品質な PWA (Progressive Web App) およびネイティブアプリ(TWA 経由)としてリリースするための準備、設定、検証を支援します。
主な機能
Manifest Optimization (マニフェスト最適化)
manifest.jsonの設定項目(name,short_name,icons,start_url,display等)が、iOS/Android 両方のベストプラクティスに沿っているか検証します。- 特に「マスク可能なアイコン (
maskable)」の設定や、スプラッシュスクリーンの設定を確認します。
Asset Generation (アセット生成)
canvas-designスキルや画像生成ツールと連携し、必要な全サイズのアイコン(iOS 用、Android 用、ストア用スクリーンショット)の生成を支援します。- ファビコン生成や、
apple-touch-iconの設定確認も行います。
Service Worker Strategy (オフライン対応)
next-pwaやカスタム Service Worker の設定を確認し、適切なキャッシュ戦略(Stale-While-Revalidate 等)が適用されているかチェックします。- オフライン時のフォールバックページが設定されているか確認します。
TWA / Native Wrapper Support
- Android (Bubblewrap) や iOS (Capacitor/Swift) でのラップ作業に必要な設定ファイルや手順を提供します。
- 署名鍵(Keystore)の管理や、ビルドプロセスのガイドラインを示します(ただし、実際の署名ファイルは git に含めないよう注意を促します)。
検証リスト (Lighthouse PWA Check)
リリース前には必ず以下を確認するよう促します:
- HTTPS で配信されているか
- オフラインでもページが表示されるか(200 OK)
- マニフェストが正しく読み込まれているか
- アイコンが適切なサイズで設定されているか
- モバイルフレンドリーなビューポート設定か
使用例
- 「PWA のアイコンを作って」
- 「マニフェストファイルを確認して」
- 「モバイルアプリとしてビルドする準備をして」
Converted and distributed by TomeVault — claim your Tome and manage your conversions.