Demo for a talk on adding AI skills to a repo via npx skills. Three branches
build the same Astro teaser page from the same brief
(docs/prompt.md), with different skills available to the
agent:
| Branch | What the agent had |
|---|---|
no-skills |
Nothing. Baseline. |
skills |
astro (current Astro conventions) + chrome-devtools-axi (can screenshot/inspect its own build) |
impeccable |
Same skills, plus tighter guardrails on how they're used |
# clone the repo
git clone https://github.com/pythoninthegrass/delete_the_champ.git && cd delete_the_champ
# checkout the feature branch
git switch <no-skills|skills|impeccable>
# run the server (installs deps first, if needed)
task dev # ctrl-c to stop
# open http://localhost:6420Each task dev serves the branch's build at http://localhost:6420. Compare
what got built across the three tabs.
No task? Use deno install --node-modules-dir=auto && deno task dev instead
(same commands, no root taskfile).
Read docs/notes.md for the observed contrast and
docs/presentation.pdf for the talk deck.
reference/ mirrors real files from ~/git/llmao (a currently private game
repo) — champion definitions, map constants, the existing landing page.
public/ has the matching shippable assets (favicon, sprites, map texture).