Learn the pack by shipping something
Three walkthroughs you run with your own agent, start to finish. Each maps every step to a real command and skill, tells you what it buys you, and works the same in Claude Code or Codex. Copy a prompt, watch the agent work, understand why the step matters.
npx skills add addyosmani/agent-skills How to run each step
Every step below has a copyable prompt that works in any agent. If your tool has native commands, the shorthand is faster.
Type the slash command, e.g. /spec. Skills also activate on their own.
Invoke the skill by name, e.g. @spec-driven-development, or just paste the prompt.
Paste the step’s prompt. It names the skill to follow, so no slash command is needed.
Build a new app from an empty folder
Take a blank directory to a tested, reviewed, ship-ready app by driving every lifecycle phase with the pack. The example is a browser-based habit tracker that saves to localStorage, so it runs fully local with no database.
Start tutorialAdd a feature to a codebase you did not write
The realistic case: a feature added safely to an existing app. Prime the agent on the codebase, spec against its patterns, verify in unfamiliar code, and land behind a flag. Example: add rate limiting to an API.
Start tutorialPut the skills in a loop
Wrap the skills in a small, safe automated loop: a nightly job that fixes one thing, verifies it, and opens a short PR for you to approve. The skills are the verification inside the loop; you own the outer loop.
Start tutorialThese teach the workflow, not a stack. The apps are vehicles. Once the loop feels natural, the same sequence works on anything you build.