Automate the entire lifecycle of creating, building, and deploying professional static websites to GitHub Pages.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install kj-web-deploy-github
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install kj-web-deploy-github 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 Web Deploy GitHub Pages?
This skill provides an autonomous solution for developers looking to launch static web projects with minimal friction. By utilizing Openclaw Skills, users can generate production-ready code for portfolios, CVs, and landing pages that are automatically configured for hosting. The skill emphasizes modern design principles, including mobile-first responsiveness and semantic HTML, ensuring that every project is both performant and accessible.
Beyond simple code generation, this tool manages the technical overhead of repository initialization and CI/CD setup. It leverages the GitHub CLI and GitHub Actions to create a seamless pipeline where every push to the main branch results in an instant update to the live site. This makes it an essential asset for those who want to focus on content rather than deployment configuration.
Web Deploy GitHub Pages Use Cases
- Rapidly launching professional portfolio or CV websites to showcase developer talent.
- Creating high-converting landing pages for applications, products, or services.
- Deploying technical documentation or project microsites with zero manual server configuration.
- Automating the setup of GitHub Pages with integrated CI/CD workflows for consistent delivery.
How Web Deploy GitHub Pages Works
- Initialize the project structure using built-in scripts to create essential HTML, CSS, and JavaScript files alongside GitHub workflow configurations.
- Develop the website content using pre-defined templates from the Openclaw Skills library, optimized for SEO and modern aesthetics.
- Execute the deployment script to automatically create a GitHub repository, configure permissions, and push the initial codebase.
- Monitor the GitHub Actions workflow which builds the assets and hosts the final site on the gh-pages branch.
Web Deploy GitHub Pages Setup
To get started with this skill, ensure you have the GitHub CLI installed and authenticated. Follow these steps:
# Authenticate with GitHub
gh auth login
# Initialize your new project structure
bash scripts/init_project.sh <project-name>
# Deploy the project to your GitHub account
bash scripts/deploy_github_pages.sh <project-name> <github-username>
Web Deploy GitHub Pages Data Schema & Taxonomy
The skill organizes web projects into a standardized directory structure to ensure compatibility with GitHub Pages and Actions:
| Component | Path | Description |
|---|---|---|
| Entry Point | /index.html |
Semantic HTML5 structure with optimized meta tags. |
| Styling | /styles.css |
Modern CSS utilizing variables and responsive layouts. |
| Logic | /script.js |
Vanilla JavaScript for interactive elements without external dependencies. |
| CI/CD | /.github/workflows/deploy.yml |
GitHub Actions configuration for automated deployment. |
| Assets | /assets/templates/ |
Pre-configured layouts for portfolios and landing pages. |
Web Deploy GitHub Pages Advanced Features
- Autonomous code generation that produces complete, production-ready files without placeholders.
- Integrated GitHub Actions support for automatic updates on every git push.
- Multi-template support including specialized layouts for portfolios and high-conversion landing pages.
- Built-in design systems utilizing CSS variables for easy theming and dark mode support.
- Streamlined repository management through direct integration with the GitHub CLI.
SKILL.md
Loading
Related Openclaw Skills
UI/UX Pro Max
An advanced design intelligence skill for building, auditing, and implementing polished user interfaces and design systems.
Ralph Loop v2
A high-performance 3-tier AI agent methodology designed for autonomous software implementation with rigorous quality control and architectural integrity.
Parallel Agent Dispatch
A sophisticated workflow designed to dispatch multiple independent subagents to handle unrelated tasks concurrently, maximizing throughput and reducing execution time.
EvoWeb.ai Website Builder
Transform natural language descriptions into fully functional, responsive websites and landing pages in under five minutes.
Web Interface Guidelines Reviewer
A specialized tool for auditing web UI code against professional interface guidelines and accessibility standards.
MLX Brain
A specialized local LLM orchestrator for Apple Silicon designed to execute Qwen2.5 models efficiently via the MLX framework.
Featured*
