GitHub Pages Auto-Deploy for Openclaw

A specialized tool for automating the build and deployment process of static websites to GitHub Pages.

sendwealth
v1.0.0
Feb 28, 2026
0
1.7k
0

Install & Download

1. ClawHub CLI

The fastest way to install a skill directly from the registry.

npx clawhub@latest install github-pages-auto-deploy

2. Manual Installation

Copy the skill folder to one of these locations

Global
~/.openclaw/skills/
Workspace
<project>/skills/

Priority: Workspace > Local > Bundled

3. Prompt Installation

Copy this prompt to OpenClaw to install it automatically.

Help me install github-pages-auto-deploy using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).

Prefer to download?

Get the raw skill files in a ZIP archive.

What is GitHub Pages Auto-Deploy?

The GitHub Pages Auto-Deploy skill provides a seamless bridge between your code repository and live web hosting. By leveraging GitHub Actions, this skill ensures that every code push triggers an automated build and deployment cycle, making it an essential part of the Openclaw Skills ecosystem for modern web developers. It handles complex tasks like environment configuration, artifact uploading, and site publishing without manual intervention, allowing you to focus on writing code rather than managing infrastructure.

GitHub Pages Auto-Deploy Use Cases

  • Launching personal blogs or portfolio sites directly from code.
  • Hosting official company landing pages with zero server maintenance.
  • Publishing project documentation that stays in sync with code updates.
  • Deploying static web applications and interactive prototypes.
  • Managing multiple landing pages with distinct custom domains.

How GitHub Pages Auto-Deploy Works

  1. Initialize your website project with a standard directory structure to ensure compatibility with Openclaw Skills.
  2. Configure the GitHub Actions workflow file to define the build and deployment logic.
  3. Enable the GitHub Pages source within your repository settings to accept Action-based deployments.
  4. Push your local code changes to the remote repository to trigger the CI/CD pipeline.
  5. Monitor the automated build process as it uploads artifacts and makes your site live.

GitHub Pages Auto-Deploy Setup

1. Structure Your Project

Ensure your website files are in a dedicated directory:

your-repo/
├── website/
│   ├── index.html
│   ├── style.css
│   └── script.js
└── .github/
    └── workflows/
        └── deploy-pages.yml

2. Configure GitHub Actions

Create .github/workflows/deploy-pages.yml with the appropriate permissions and deployment steps.

3. Deploy via CLI

git add .
git commit -m "Setup GitHub Pages deployment"
git push

GitHub Pages Auto-Deploy Data Schema & Taxonomy

Component Description
/website Root directory containing the static source code (HTML, CSS, JS).
.github/workflows Contains the YAML configuration for the deployment runner.
CNAME Text file containing the custom domain name (e.g., example.com).
Artifacts Temporary build outputs generated during the GitHub Actions run.

GitHub Pages Auto-Deploy Advanced Features

  • Custom domain support with automatic free SSL/TLS certificate generation.
  • Build optimization including HTML, CSS, and JS minification for faster load times.
  • Automated image compression and WebP conversion via CLI tools within the workflow.
  • Integration of Lighthouse CI for automated performance and SEO auditing.
  • Cache management for dependencies to speed up subsequent deployment runs.
  • Preview environments for pull requests to verify changes before the final merge using Openclaw Skills.

SKILL.md


Loading

Related Openclaw Skills

METADATA

Github Stars: 0
forks: 0

Featured*