Requirements
- Target platform
- OpenClaw
- Install method
- Manual import
- Extraction
- Extract archive
- Prerequisites
- OpenClaw
- Primary doc
- SKILL.md
Tencent SkillHub ยท Developer Tools
Web Deploy GitHub Pages
Create and deploy single-page static websites to GitHub Pages with autonomous workflow. Use when building portfolio sites, CV pages, landing pages, or any static web project that needs GitHub Pages deployment. Handles complete workflow from project initialization to live deployment with GitHub Actions automation.
skill openclawclawhub Free
Create and deploy single-page static websites to GitHub Pages with autonomous workflow. Use when building portfolio sites, CV pages, landing pages, or any static web project that needs GitHub Pages deployment. Handles complete workflow from project initialization to live deployment with GitHub Actions automation.
โฌ 0 downloads โ
0 stars Unverified but indexed
Install for OpenClaw
Quick setup
- Download the package from Yavira.
- Extract the archive and review SKILL.md first.
- Import or place the package into your OpenClaw setup.
Package facts
- Download mode
- Yavira redirect
- Package format
- ZIP package
- Source platform
- Tencent SkillHub
- What's included
- assets/templates/base-html/index.html, assets/templates/base-html/script.js, assets/templates/base-html/styles.css, assets/templates/landing/index.html, assets/templates/landing/script.js, assets/templates/landing/styles.css
Validation
- Use the Yavira download entry.
- Review SKILL.md after the package is downloaded.
- Confirm the extracted package contains the expected setup assets.
Install with your agent
Agent handoff
Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.
- Download the package from Yavira.
- Extract it into a folder your agent can access.
- Paste one of the prompts below and point your agent at the extracted folder.
New install
I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Tell me what you changed and call out any manual steps you could not complete.
Upgrade existing
I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Summarize what changed and any follow-up checks I should run.
Trust & source
Release facts
- Source
- Tencent SkillHub
- Verification
- Indexed source record
- Version
- 1.0.0
Provenance
- Publisher
- ThomekSolutions
- Source page
- View original listing
- Canonical URL
- Open canonical page
Documentation
Overview
This skill enables autonomous creation and deployment of static websites to GitHub Pages. It follows a complete workflow from project structure initialization through automatic deployment via GitHub Actions, optimized for single-page applications, portfolios, and landing pages.
1. Project Initialization
Create the project structure: bash scripts/init_project.sh <project-name> This creates: project-name/ โโโ index.html โโโ styles.css โโโ script.js โโโ README.md โโโ .github/ โโโ workflows/ โโโ deploy.yml
2. Development
Build the website following these principles: Single-page first: Optimize for one-page layouts unless multiple pages explicitly required Autonomous generation: Generate complete, production-ready code without placeholders Modern design: Use modern CSS (flexbox, grid), responsive design, clean aesthetics No dependencies: Pure HTML/CSS/JS when possible, CDN links if frameworks needed Use templates from assets/templates/ as starting points: base-html/ - Minimal HTML5 boilerplate portfolio/ - Portfolio/CV template with sections landing/ - Landing page with hero and CTA
3. GitHub Repository Setup
bash scripts/deploy_github_pages.sh <project-name> <github-username> This script: Initializes git repository Creates GitHub repository via GitHub CLI Configures GitHub Pages settings Pushes initial commit Triggers first deployment
4. Deployment
GitHub Actions automatically deploys on push to main branch. The workflow: Checks out code Deploys to gh-pages branch Makes site live at https://<username>.github.io/<project-name>/
HTML Structure
Semantic HTML5 elements Meta tags for SEO and social sharing Responsive viewport configuration Favicon and icons
CSS Design
Mobile-first responsive design CSS variables for theming Flexbox/Grid for layouts Smooth transitions and animations Dark mode support when appropriate
JavaScript
Vanilla JS preferred Progressive enhancement Event delegation No console errors
Performance
Optimized images Minified assets for production Lazy loading where appropriate Fast initial load time
Example 1: Portfolio CV Site
User request: "Crรฉe-moi un site portfolio CV" Action: Run init_project.sh portfolio-cv Use assets/templates/portfolio/ as base Generate complete HTML with sections: Hero, About, Skills, Projects, Contact Deploy with deploy_github_pages.sh portfolio-cv username
Example 2: Landing Page
User request: "Fais-moi une landing page pour mon app" Action: Run init_project.sh app-landing Use assets/templates/landing/ as base Generate with Hero, Features, Pricing, CTA Deploy with deploy_github_pages.sh app-landing username
GitHub Pages Not Deploying
Check repository Settings โ Pages โ Source is set to gh-pages branch Verify GitHub Actions workflow ran successfully Check DNS propagation (can take 5-10 minutes)
Permission Errors
Ensure gh CLI is authenticated: gh auth status Check repository permissions on GitHub
Build Failures
Review Actions logs in repository Verify .github/workflows/deploy.yml syntax Check file paths and references
scripts/
init_project.sh - Initialize project structure deploy_github_pages.sh - Deploy to GitHub Pages
references/
workflow.md - Detailed workflow documentation design-patterns.md - Design best practices
assets/
templates/base-html/ - Minimal HTML5 boilerplate templates/portfolio/ - Portfolio/CV template templates/landing/ - Landing page template .github/workflows/deploy.yml - GitHub Actions workflow template
Category context
Code helpers, APIs, CLIs, browser automation, testing, and developer operations.
Source: Tencent SkillHub
Largest current source with strong distribution and engagement signals.
Package contents
Included in package
4 Assets2 Scripts
- assets/templates/base-html/script.js
- assets/templates/landing/script.js
- assets/templates/base-html/index.html
- assets/templates/base-html/styles.css
- assets/templates/landing/index.html
- assets/templates/landing/styles.css