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

Ready to run

npx skills add https://github.com/infinyte/custom_claude_skills --skill github-pages-generator

💬 Prompt for ChatGPT / Claude Chat▼

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.