skills.rest
infinyte
infinyteCOMMUNITY
Explore all skills by this author →
GitHub

github-pages-generator

Generate a five-page portfolio website from a GitHub repository.

Updated Mar 24, 2026
Search Tags:#automation#accessibility#deployment#lighthouse#portfolio#github-pages#design-styles
One-click install
npx skills add https://github.com/infinyte/custom_claude_skills --skill github-pages-generator
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: github-pages-generator
Source: https://github.com/infinyte/custom_claude_skills/tree/main/github-pages-generator
Command: npx skills add https://github.com/infinyte/custom_claude_skills --skill github-pages-generator

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill automates turning GitHub repositories into production-ready portfolio websites, saving hours of manual site-building and configuration work.

Core Features & Use Cases

  • Auto-detects repository type (TypeScript/Node.js, .NET/C#, Python/ML, Full-Stack) and scaffolds a complete multi-page site
  • Interactive customization with design style options (Modern Minimal, Portfolio Heavy, Documentation)
  • GitHub Actions deployment automation with Lighthouse, accessibility, and security validation
  • Generated site includes five pages (index, architecture, features, quick-start, demo) plus themeable CSS/JS assets

Quick Start

Provide a GitHub repository URL and your design preference to generate a complete, deployable portfolio site.

Frequently Asked Questions about github-pages-generator

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a portfolio website from a GitHub repository?▼

To generate a portfolio website from a GitHub repository, provide the repository URL and select a design style. The tool auto-detects the project type and scaffolds a complete five-page site with architecture, features, quick-start, and demo sections.

What project types are supported when converting a GitHub repo into a portfolio site?▼

Supported project types for converting a GitHub repo into a portfolio site include TypeScript/Node.js, .NET/C#, Python/ML/CV, and Full-Stack projects. Each type triggers automatic scaffolding of relevant architecture and feature pages.

Can I automate deployment and accessibility validation for my generated portfolio site?▼

Yes, you can automate deployment and validation for your generated portfolio site using GitHub Actions. The automation includes Lighthouse performance checks, pa11y accessibility validation, HTML validation, and vulnerability security scanning.

What design styles can I choose from when creating a portfolio site from my code?▼

When creating a portfolio site from your code, you can choose from Modern Minimal, Portfolio Heavy, and Documentation design styles. The generated output includes themeable CSS and JavaScript assets for further post-generation customization.

What pages are included in an automatically generated GitHub portfolio site?▼

An automatically generated GitHub portfolio site includes five pages: an index page, an architecture page, a features page, a quick-start page, and a demo page. These pages collectively document the repository's structure and functionality.

Related Skills

Explore More Software Engineering Skills→
openakitaopenakita
2.0k

submit-skill-repo

Submit a GitHub repository URL to the OpenAkita Skill Store for indexing.

Community
Basic
SecurityRoninSecurityRonin
1

mkdocs-github-pages-deployment

Deploy MkDocs documentation to GitHub Pages via GitHub Actions workflows.

Official
Intermediate
PriyanshKuniyalPriyanshKuniyal

github-actions-templates

Automates CI/CD with GitHub Actions workflows for testing, Docker builds, Kubernetes deployment, and security scanning.

Community
Advanced
channgchanng
20

docsify

Generate static documentation websites from markdown files with sidebar navigation.

Community
Basic