Skip to content

feat: add copy install command from skills list and modal#1424

Merged
aaronpowell merged 3 commits intostagedfrom
copilot/update-docs-for-gh-install-skills
Apr 17, 2026
Merged

feat: add copy install command from skills list and modal#1424
aaronpowell merged 3 commits intostagedfrom
copilot/update-docs-for-gh-install-skills

Conversation

Copy link
Copy Markdown
Contributor

Copilot AI commented Apr 17, 2026

Pull Request Checklist

  • I have read and followed the CONTRIBUTING.md guidelines.
  • I have read and followed the Guidance for submissions involving paid services.
  • My contribution adds a new instruction, prompt, agent, skill, or workflow file in the correct directory.
  • The file follows the required naming convention.
  • The content is clearly structured and follows the example format.
  • I have tested my instructions, prompt, agent, skill, or workflow with GitHub Copilot.
  • I have run npm start and verified that README.md is up to date.
  • I am targeting the staged branch for this pull request.

Description

Surfaces a one-click copy of the gh skill install command directly from the skills UI, and updates docs to recommend gh skill install github/awesome-copilot <skill-name> as the primary installation method.

Docs updates (eng/constants.mjs, docs/README.skills.md)

  • Skills usage section now lists gh skill install github/awesome-copilot <skill-name> as the primary install method; manual cp kept as fallback

Website UI (skills-render.ts, skills.ts, Modal.astro, modal.ts, utils.ts)

  • Each skill card in the list gains a Copy Install button — copies gh skill install github/awesome-copilot <skill-id> to clipboard with a brief ✓ feedback state
  • The skill file modal gains the same Copy Install button in the header toolbar, shown only when a skill is open (hidden for agents, instructions, plugins, etc.)
  • Repo identifier extracted to a shared REPO_IDENTIFIER constant in utils.ts to avoid duplication
# What gets copied to clipboard
gh skill install github/awesome-copilot code-checklist

Type of Contribution

  • Other (please specify): Website UI feature + docs update for gh skill install CLI command

Additional Notes

REPO_IDENTIFIER is exported from utils.ts and consumed by both skills.ts and modal.ts, so a future repo rename is a single-line change.


By submitting this pull request, I confirm that my contribution abides by the Code of Conduct and will be licensed under the MIT License.

Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Updates the Awesome Copilot docs and website UI to promote/support the new gh skill install command, including adding one-click copy of the install command from the skills list and from the file modal.

Changes:

  • Add a shared REPO_IDENTIFIER constant for building gh skill install … commands in the website scripts.
  • Add “Copy Install” UI in the skills list and in the modal (skills only), with clipboard copy + toast feedback.
  • Update docs to recommend gh skill install github/awesome-copilot <skill-name> as the primary installation method, keeping manual copy as a fallback.
Show a summary per file
File Description
website/src/scripts/utils.ts Exports REPO_IDENTIFIER for consistent install command generation.
website/src/scripts/pages/skills.ts Handles “Copy Install” clicks and copies the CLI install command to clipboard.
website/src/scripts/pages/skills-render.ts Renders a “Copy Install” button per skill card.
website/src/scripts/modal.ts Adds a modal toolbar “Copy Install” button (skills only) and copies the install command.
website/src/components/Modal.astro Adds the modal “Copy Install” button markup.
website/src/content/docs/learning-hub/cli-for-beginners/05-skills.md Documents gh skill install usage + examples and keeps manual install section.
eng/constants.mjs Updates generated skills usage text to include gh skill install as primary.
docs/README.skills.md Updates skills README usage to include gh skill install as primary.

Copilot's findings

  • Files reviewed: 8/8 changed files
  • Comments generated: 4

Comment on lines 112 to +117
list.addEventListener("click", (event) => {
const target = event.target as HTMLElement;

const copyInstallButton = target.closest(
".copy-install-btn"
) as HTMLButtonElement | null;
);
if (success) {
btn.innerHTML =
'<svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor"><path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.75.75 0 0 1 1.06-1.06L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0z"/></svg> Copied!';
Comment thread website/src/scripts/modal.ts
Comment thread website/src/scripts/pages/skills.ts
Comment thread website/src/content/docs/learning-hub/cli-for-beginners/05-skills.md Outdated
Copilot AI changed the title feat: add gh skill install support — copy install command from skills list and modal feat: add copy install command from skills list and modal Apr 17, 2026
Copilot AI requested a review from aaronpowell April 17, 2026 04:56
@aaronpowell aaronpowell merged commit dddab5e into staged Apr 17, 2026
9 checks passed
@aaronpowell aaronpowell deleted the copilot/update-docs-for-gh-install-skills branch April 17, 2026 08:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants