web-games
Web browser game development principles. Framework selection, WebGPU, optimization, PWA.
vue-expert
Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.
pwa-manifest-generator
Pwa Manifest Generator - Auto-activating skill for Frontend Development. Triggers on: pwa manifest generator, pwa manifest generator Part of the Frontend Development skill category.
pwa-setup
Progressive Web App setup with manifest, mobile meta tags, safe area handling for notched devices, and install prompts for app-like browser experience.
tanstack-query
Manage server state in React with TanStack Query v5. Covers useMutationState, simplified optimistic updates, throwOnError, network mode (offline/PWA), and infiniteQueryOptions. Use when setting up data fetching, fixing v4→v5 migration errors (object syntax, gcTime, isPending, keepPreviousData), or debugging SSR/hydration issues with streaming server components.
pwa-development
Progressive Web Apps - service workers, caching strategies, offline, Workbox
web-asset-generator
Generate web assets including favicons, app icons (PWA), and social media meta images (Open Graph) for Facebook, Twitter, WhatsApp, and LinkedIn. Use when users need icons, favicons, social sharing images, or Open Graph images from logos or text slogans. Handles image resizing, text-to-image generation, and provides proper HTML meta tags.
svelte-deployment
Svelte deployment guidance. Use for adapters, Vite config, pnpm setup, library authoring, PWA, or production builds.
quasar-skilld
Build high-performance Vue.js user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time. ALWAYS use when writing code importing "quasar". Consult it for debugging, best practices, or when modifying Quasar.
Offline Mode Tester
Validate progressive web app offline functionality including service worker caching, offline data persistence, sync-on-reconnect behavior, and graceful degradation
Lighthouse Performance Audit
Automated web performance auditing using Google Lighthouse for Core Web Vitals, accessibility, SEO, and best practices scoring with CI integration.
pwa-development
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.
b2c-slas
Manage SLAS (Shopper Login and API Access Service) clients for B2C Commerce (SFCC/Demandware) with the b2c cli. Always reference when using the CLI to create, update, list, or delete SLAS clients, manage shopper OAuth scopes (including custom scopes like c_loyalty), or configure shopper authentication for PWA/headless. SLAS is for shopper (customer) authentication, not admin APIs.
pwa-development
Progressive Web App development guidelines covering service workers, caching strategies, offline functionality, and installability
pwa-development
Progressive Web App development for installable, offline-capable web applications. Use when building PWAs, implementing service workers, or creating offline-first experiences.
favicon-generator
When the user wants to implement, optimize, or audit favicon and app icons. Also use when the user mentions "favicon," "app icon," "browser icon," "touch icon," "PWA icon," "favicon sizes," "apple-touch-icon," "favicon.ico," "site icon," or "tab icon."
service-worker
Service Worker API implementation guide — registration, lifecycle management, caching strategies, push notifications, and background sync. Use when: (1) creating or modifying service worker files (sw.js), (2) implementing offline-first caching (cache-first, network-first, stale-while-revalidate), (3) setting up push notifications or background sync, (4) debugging service worker registration, scope, or update issues, (5) implementing navigation preload, (6) user mentions 'service worker', 'sw.js', 'offline support', 'cache strategy', 'push notification', 'background sync', 'workbox alternative', or 'PWA caching'.
web-asset-generator
Generate web assets including favicons, app icons (PWA), and social media meta images (Open Graph) for Facebook, Twitter, WhatsApp, and LinkedIn. Use when users need icons, favicons, social sharing images, or Open Graph images from logos or text slogans. Handles image resizing, text-to-image generation, and provides proper HTML meta tags.
T4 Stack
T4 Stack - Full-stack TypeScript starter for React Native + Web with Tamagui, tRPC, Cloudflare edge deployment, and universal code sharing across iOS, Android, and PWA
Icon Forge
Generate brand icons as SVG and produce all platform assets including favicon package (ICO, SVG with dark mode, apple-touch-icon), PWA manifest icons, and mobile app icons. Use when user runs /icon-forge, requests "brand icon", "favicon generation", "app icon", or "svg logo" for a project.
web-games
Web browser game development principles. Framework selection, WebGPU, optimization, PWA.
web-games
Web browser game development principles. Framework selection, WebGPU, optimization, PWA.
app-icon-generator
Generates app icons in all required sizes for iOS, Android, and PWA from a single source image. Use when user asks to "generate app icons", "create ios icons", "android app icons", "favicon", or "pwa icons".
pwa
PWA - service workers, offline support. Use when building PWA features.
generate-icon
This skill should be used when the user asks to "generate an icon", "create a favicon", "make an app icon", "create iOS icon", "create Android icon", "generate PWA icons", "make desktop app icon", "create Windows icon", "create macOS icon", "app store icon", "Play Store icon", "App Store icon", or needs AI-generated icons with platform-specific sizing.
web-games
Web browser game development principles. Framework selection, WebGPU, optimization, PWA.
react-h5-architect
React mobile web (H5) application architect for architecture design, creation, and refactoring. Specializes in mobile-first design, PWA, touch interactions, and responsive layouts. Capabilities: - Architecture Design: Design mobile-first React application architecture - Project Creation: Create H5 apps with PWA support - Code Refactoring: Refactor for mobile optimization - PWA Implementation: Progressive Web App features - Touch Interactions: Gesture handling, swipe actions - Responsive Design: Multi-device adaptive layouts Use when: - User wants to design mobile web application architecture - User needs to create a new H5/PWA project - User wants to refactor existing mobile web app - User needs to implement PWA (Progressive Web App) features - User wants to optimize for mobile performance - User needs to implement touch gesture interactions - User wants to create responsive mobile layouts
nextjs-pwa
Build Progressive Web Apps with Next.js: service workers, offline support, caching strategies, push notifications, install prompts, and web app manifest. Use when creating PWAs, adding offline capability, configuring service workers, implementing push notifications, handling install prompts, or optimizing PWA performance. Triggers: PWA, progressive web app, service worker, offline, cache strategy, web manifest, push notification, installable app, Serwist, next-pwa, workbox, background sync.
vue-expert
Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.
web-pwa-offline-first
Local-first architecture with sync queues
app-design-system
Design system wizard for applications (SaaS, mobile apps, web apps, PWAs) covering navigation architecture, state management UI, form systems, notification hierarchies, and platform-specific adaptations. Distinct from marketing site design systems. Use for app redesigns, component library definition, and multi-platform consistency.
PWA Manifest Generator
Generate PWA manifest generator operations. Auto-activating skill for Frontend Development. Triggers on: pwa manifest generator, pwa manifest generator Part of the Frontend Development skill category. Use when working with pwa manifest generator functionality. Trigger with phrases like "pwa manifest generator", "pwa generator", "pwa".
web-games
Web browser game development principles. Framework selection, WebGPU, optimization, PWA.
vue-expert
Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.
web-games
Web browser game development principles. Framework selection, WebGPU, optimization, PWA.
web-games
Web browser game development principles. Framework selection, WebGPU, optimization, PWA.
web-pwa-service-workers
Service Worker lifecycle, caching strategies, offline patterns, update handling, precaching, runtime caching
web-games
Web browser game development principles. Framework selection, WebGPU, optimization, PWA.
development/game-development/web-games
Web browser game development principles. Framework selection, WebGPU, optimization, PWA.
web-games
Web browser game development principles. Framework selection, WebGPU, optimization, PWA.
react-pwa-designer
Architect modern React progressive web apps with offline-first capabilities and responsive interfaces. Integrates shadcn/ui component library, service worker patterns, and mobile-friendly layouts. Consult when building installable web applications or designing component-driven UIs.
web-games
Web browser game development principles. Framework selection, WebGPU, optimization, PWA.
vue-expert
Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.