When should I invoke this skill?

Invoke it whenever you create a new site, modify domain settings, enable HTTPS, or if your app experiences API connectivity or refresh issues.

Can it help with WebSocket connection issues?

Yes, it audits your configuration for required Upgrade and Connection headers necessary for Socket.IO and native WebSockets to function behind a proxy.

Does it support HTTPS and SSL validation?

It audits SSL certificate paths, listen 443 directives, and checks for Mixed Content to ensure your site is secure and browsers don't block requests.

How does it fix SPA 404 errors?

It verifies the presence and syntax of try_files rules to ensure history mode routing correctly redirects non-file requests to index.html.

What is the H5 Nginx Check skill?

It is a specialized Claude Code skill that validates Nginx configurations specifically for high-performance H5 web applications and SPAs.

Nginx H5 Deployment Validator

Name: Nginx H5 Deployment Validator
Author: xiaxingxiaowei1983

byxiaxingxiaowei1983

0•

部署与 DevOps

Validates and optimizes Nginx configurations for H5 applications to ensure secure hosting, seamless API proxying, and WebSocket support.

The H5 Nginx Check skill is a specialized utility for Claude designed to automate the validation of Nginx site templates for H5 and Single Page Applications (SPA). It provides a structured, quantifiable checklist to prevent common deployment pitfalls such as 404 errors on history-mode route refreshes, failed WebSocket/Socket.IO handshakes, and Mixed Content security warnings. By auditing static hosting paths, reverse proxy headers, and caching strategies, this skill ensures your web environment is production-ready while providing specific troubleshooting paths for configuration failures.

主要功能

010 GitHub stars

02Automated validation of Nginx site templates for H5 and SPA projects

03Optimization of SPA history mode routing to prevent 404 errors on page refresh

04Audit of caching policies and client request body size limits

05Verification of reverse proxy headers for API and Socket.IO/WebSocket upgrades

06Identification of Mixed Content risks and HTTPS compliance checks

使用场景

01Migrating an H5 site from HTTP to HTTPS with certificate validation

02Deploying a new Vue/React SPA with history mode routing on Nginx

03Troubleshooting failed Socket.IO connections or API proxy 502/404 errors

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add xiaxingxiaowei1983/openclaw h5-nginx-check

For use in Claude.ai and ChatGPT

主要功能

010 GitHub stars

02Automated validation of Nginx site templates for H5 and SPA projects

03Optimization of SPA history mode routing to prevent 404 errors on page refresh

04Audit of caching policies and client request body size limits

05Verification of reverse proxy headers for API and Socket.IO/WebSocket upgrades

06Identification of Mixed Content risks and HTTPS compliance checks

使用场景

01Migrating an H5 site from HTTP to HTTPS with certificate validation

02Deploying a new Vue/React SPA with history mode routing on Nginx

03Troubleshooting failed Socket.IO connections or API proxy 502/404 errors

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add xiaxingxiaowei1983/openclaw h5-nginx-check

For use in Claude.ai and ChatGPT