Skills

Skills are step-by-step procedural guides that live in .github/skills/. Each one teaches the agent (or a developer) how to perform a specific task correctly, following the progressive disclosure pattern: a concise SKILL.md under 200 lines plus detailed reference files.

How They Work Together

The agent and skills form a layered system:

  1. copilot-instructions.md โ€” The routing document. Points the agent to the right skill or doc for any task.
  2. Skills โ€” The procedural layer. Each skill is a step-by-step recipe for a specific task, with references for detailed field lists and examples.
  3. Docs โ€” The deep-dive layer. Architecture, build system, content model, and API reference.
๐Ÿ“

add-content

Create or edit content pages โ€” Markdown files with YAML frontmatter for pages, blog posts, section indexes, and products.

frontmatter :::children :::html
๐Ÿ—๏ธ

add-template

Create or edit page templates โ€” HTML files with tag placeholders that define page structure and layout.

{{head}} {{content}} {{#if}}
โš™๏ธ

add-component

Create or edit reusable UI components โ€” TypeScript classes extending Component<T> invoked via template tags.

Component<T> escapeHtml tag-engine
๐Ÿ“–

add-documentation

Create or edit developer documentation โ€” internal reference docs in docs/ that explain how the system works.

architecture file-reference content-model
๐Ÿ›’

add-product

Add or update a shop product โ€” edit products.yaml, run build:sync to sync with Stripe, then customise the generated scaffold page.

products.yaml build:sync Stripe
๐Ÿงช

build-and-test

Build the site, run tests, type-check, and lint. The core development loop for compiling Markdown to HTML.

bun run build bun test typecheck
๐Ÿ“š

create-skill

Meta-skill for creating new skills. Covers the progressive disclosure pattern, the 200-line SKILL.md rule, and bundled references.

SKILL.md references/ <200 lines