microsoft / microsoft/agentsleague

Project: Creative Apps - Copilot Skills Hub

Open
#27 3 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

🎨 Creative Apps
Dominant language
No language data
Stars
286
Forks
92
Avg merge
12h 44m
Merged PRs (30d)
1

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

@samueltauil @rodrigocleme

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

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

This issue describes a project submission rather than a specific change request. Start with the linked README.md and live demo, then inspect the Node.js aggregation pipeline and the .github/skills/SKILL.md convention mentioned in the description. No target files, tests, or acceptance criteria are provided, so the work is not currently startable.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, git, github, json, node.js
Domain
build-system, web-dev
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Quiet
Clarity
Needs clarification
Newbie friendliness
15/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.