このコンテンツはお使いの言語にまだ対応していないため、英語で表示されています。

PWA Development

Skill 検証済み

Implement Progressive Web App features for React and Svelte projects. This skill should be used when the user asks to 'make a PWA', 'add offline support', 'create a service worker', 'fix caching issues', or wants installable web apps. Keywords: PWA, service worker, offline, manifest, caching, installable, Workbox, vite-pwa.

AI サマリー

This skill generates manifest files, service workers (vanilla, Workbox, Vite PWA, SvelteKit), and audit reports for Progressive Web Apps. It includes detailed references on caching strategies, iOS quirks, and framework integration patterns for React, Svelte, and Next.js projects.

Versioning

warning:Release ManagementNo explicit versioning is found in the skill's frontmatter or package.json. The SKILL.md contains a 'version: "1.0"' which is not a semantic version.

インストール

npx skills add jwynia/agent-skills

Vercel skills CLI(skills.sh)を npx 経由で実行します。ローカルに Node.js と、skills 対応のエージェント(Claude Code、Cursor、Codex など)が少なくとも 1 つインストールされている必要があります。リポジトリが agentskills.io 形式に従っていることを前提としています。

2 months ago

jwynia

70 stars

MIT

2 days ago に更新

ソースコードを表示

類似の拡張機能

React PWA

Extension from jwynia/agent-skills

Skill

jwynia

Frontend Design

Create distinctive, production-grade frontend interfaces with high design quality. Provides analysis tools for auditing existing designs and generation tools for creating color palettes, typography systems, design tokens, and component templates. Supports React, Vue, Svelte, and vanilla HTML/CSS. Use when building web components, pages, or applications. Keywords: design, UI, frontend, CSS, components, palette, typography, tokens, accessibility.

Skill

jwynia

Tandem Panel Scaffold

100

Scaffold an editable Tandem control panel app

Skill

frumu-ai

react-is

Brand checking of React Elements.

Skill

facebook

Frontend Design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

Skill

bytedance

react-devtools-inline

Embed react-devtools within a website

Skill

facebook