Project: Creative Apps - Copilot Skills Hub #27
Description
Track
Creative Apps (GitHub Copilot)
Project Name
Copilot Skills Hub is a curated catalog of GitHub Copilot skills. Skills are instruction files (SKILL.md) that teach Copilot how to handle specific development tasks — from generating commit messages to performing security audits.
GitHub Username
Repository URL
https://github.com/samueltauil/skills-hub/tree/main?tab=readme-ov-file#quick-start
Project Description
What does it do? A curated web catalog for discovering, browsing, and installing GitHub Copilot skills (instruction files that teach Copilot specific tasks).
What problem does it solve? Centralizes scattered Copilot skills into one searchable hub, making them easy to find and install.
Key features: Category-based browsing (8 categories), search by name/keywords, one-click install commands, detailed skill pages with triggers and usage examples.
Demo Video or Screenshots
Live demo https://samueltauil.github.io/skills-hub/
Primary Programming Language
Other
Key Technologies Used
Astro 5 — Static site generator for the browsable catalog website
Node.js (>=18) — Runtime for build scripts and aggregation
gray-matter — Parses YAML frontmatter from SKILL.md files
Git Submodules — Pulls skills from multiple source repositories
GitHub Pages — Hosts the static site
JSON — Registry and data format for skill metadata
CSS — Custom styling (no UI framework)
Submission Type
Team (2-4 members)
Team Members
@samueltauil - Frontend developer
@rodrigocleme - Frontend developer
Submission Requirements
- My project meets the track-specific challenge requirements
- My repository includes a comprehensive README.md with setup instructions
- My code does not contain hardcoded API keys or secrets
- I have included demo materials (video or screenshots)
- My project is my own work with proper attribution for any third-party code
- I agree to the Code of Conduct
- I have read and agree to the Disclaimer
- My submission does NOT contain any confidential, proprietary, or sensitive information
- I confirm I have the rights to submit this content and grant the necessary licenses
Quick Setup Summary
install a Skill
Skills are auto-discovered! Just add them to .github/skills/ and Copilot loads them automatically based on their name and description frontmatter.
Option 1: Git Submodule (Recommended)
Example: Install the conventional-commits skill
git submodule add https://github.com/example/skill-repo.git .github/skills/conventional-commits
Option 2: Direct Copy
Find the skill on the website
Download or copy the skill folder
Place it in .github/skills// in your project
Ensure the folder contains a SKILL.md file
Option 3: Manual Download
Create skill directory and download SKILL.md
mkdir -p .github/skills/conventional-commits
curl -o .github/skills/conventional-commits/SKILL.md
https://raw.githubusercontent.com/example/skill-repo/main/SKILL.md
Technical Highlights
The build-time aggregation pipeline: one script crawls multiple repos, auto-categorizes skills via keyword matching, filters non-redistributable licenses, embeds full file contents, and generates searchable tags — producing a fully static, zero-dependency catalog site. All complexity lives in the build; the site is just a JSON renderer.
Challenges & Learnings
Build-time data pipelines simplify everything downstream — Moving all the complexity into a single aggregation script means the Astro site is just a dumb renderer of JSON. This separation made the site trivial to build and deploy.
Pragmatic > perfect — Keyword-based categorization and string-based license detection aren't bulletproof, but they're good enough for 50+ skills and cost zero manual effort.
Astro's static-first model is ideal for catalogs — No hydration needed, no API server, minimal JS. The right tool for a content-heavy, read-only site.
Git submodules work well for aggregating external content — They keep upstream sources updatable with a single git submodule update --remote command, avoiding manual copy-paste of skills.
Contact Information
rodrigoleme@microsoft.com samuel.tauil@microsoft.com
Country/Region
Brazil, United States