Install Adding A Skill
Pick your agent. Every command is ready to paste.
npx skills add BuilderIO/skills --skill adding-a-skillThe open skills CLI detects your agents (Claude Code, Cursor, Codex and 70+ more) and installs to the right folder. Add -g to install globally.
01
Install it
Run the command above, or upload the folder in Claude.
02
Ask naturally
Describe the task. Your agent loads adding-a-skill when the request matches its description.
03
Name it if needed
If it does not trigger, say “use the adding-a-skill skill”. In Codex, type $adding-a-skill.
Adding A Skill
Use this for public skill work in this repo. Keep ordinary skill changes in
skills/<skill-name>/; keep repo-only guidance under .agents/skills/.
First Decide The Skill Kind
- Plain public skill: a normal folder under
skills/<name>/withSKILL.md. This is the common case.@agent-native/skillsdiscovers these dynamically fromBuilderIO/skills@main, so there is no framework registry to edit just to makenpx @agent-native/skills@latest add --skill <name>work. - Instruction-style skill: a plain skill that should optionally write an
always-on managed
AGENTS.md/CLAUDE.mdline when users pass--update-instructions. These need one extra framework change; see "Managed Instruction Blocks" below. - App-backed / MCP skill: a skill that registers a hosted/local MCP server
or uses framework-owned install behavior. These are not plain public skills;
inspect
../agent-native/framework/packages/core/src/cli/skills.tsand../agent-native/framework/packages/skills/src/built-in-apps.ts. - Plan skills:
visual-planandvisual-recaphave generated/synced copies between this repo and../agent-native/framework. Do not treat them like a standalone prose folder. - Rewind: its canonical
SKILL.mdis generated from Agent Native because the instructions and local Screen Memory tools share one privacy contract. Keep the human README here; usenpm run sync:agent-native-skillsfor the generated skill instead of editing it by hand.
Plain Public Skill Checklist
Create or update
skills/<skill-name>/SKILL.md.Add
skills/<skill-name>/README.mdwhen the skill should appear in the public catalog. This repo intentionally uses READMEs for public skill pages.If the collection positioning changes, update root
README.md,.codex-plugin/plugin.json,.claude-plugin/plugin.json, andpackage.jsondescriptions.Keep the skill concise. Put only essential agent instructions in
SKILL.md; avoid extra docs unless they directly support the skill.Validate with:
python3 /Users/steve/.codex/skills/.system/skill-creator/scripts/quick_validate.py skills/<skill-name>Smoke-test install discovery locally before claiming the CLI path works:
node ../agent-native/framework/packages/skills/dist/cli.js add --copy . --skill <skill-name> --client codex --scope project --dry-run --jsonRun
npm run check. If it fails onvisual-plan/visual-recapsync while the change is unrelated, report that specifically instead of rewriting those skills casually.
@agent-native/skills Install Path
For a plain public skill, the install path is dynamic:
../agent-native/framework/packages/skills/src/index.tssetsDEFAULT_SKILLS_SOURCE = "BuilderIO/skills".It materializes that repo, reads plugin manifests via
resolveSkillsRoot, and discovers everyskills/*/SKILL.mdthroughdiscoverSkills.Therefore a new folder under
skills/<name>/is enough for:npx @agent-native/skills@latest add --skill <name>
No @agent-native/core built-in registry change is needed unless the skill is
app-backed or needs custom install behavior.
Managed Instruction Blocks
If the skill should affect AGENTS.md / CLAUDE.md through
--update-instructions, update the framework wrapper:
Add a concise line in
../agent-native/framework/packages/skills/src/index.tsinsideinstructionContentForSkill(skillName).Add or update tests in
../agent-native/framework/packages/skills/src/index.spec.ts.Run:
pnpm --filter @agent-native/skills test -- src/index.spec.ts --runInBand
Use this for durable behavior rules like quick-recap, efficient-orchestrator,
stay-within-limits, and likely docs-first behavior such as
read-the-damn-docs.
App-Backed Or MCP Skills
If a skill needs hosted tools, auth, MCP registration, local-files mode, or special install flags, inspect the framework before editing:
../agent-native/framework/packages/core/src/cli/skills.ts../agent-native/framework/packages/skills/src/built-in-apps.ts../agent-native/framework/packages/skills/src/sync-with-core.spec.ts
Keep the core and standalone @agent-native/skills MCP descriptors in sync.
Agent Native Skill Sync Gotchas
visual-plan, visual-recap, and rewind are special:
- Framework contains canonical/generated copies and Plan marketplace bundles.
- This repo's
npm run checkcompares those copies and can fail for drift unrelated to a new plain skill. - When intentionally changing Plan skills, use the framework sync paths instead
of hand-editing generated copies. Search the framework for
sync-plan-marketplace,sync-workspace-skills, andskills.sync.spec.ts. - Rewind's
SKILL.mdis generated frompackages/core/src/cli/skills-content/rewind-skill.ts. Its public README is preserved as an overlay. The plain-copy installer cannot configure Rewind's local MCP connection; public setup docs must use@agent-native/skillsor@agent-native/core. - Plugin manifests that publish the whole
skills/directory must carry an always-on setup directive: invoking Rewind with Clips absent asks permission before opening the official install flow, never installs or enables capture silently, and keeps Rewind unavailable until Core configures the local MCP connection andscreen_memory_statussucceeds.
Final Reporting
When finishing a skill change, tell the user:
- Which skill files changed.
- Whether
@agent-native/skillsdynamic install discovery is enough. - Whether a framework managed-instruction change was added or intentionally left as a follow-up.
- Which validation commands passed or failed, including unrelated Plan sync failures.
Tips for Adding A Skill
- • Start a fresh session after installing so your agent picks up the new skill.
- • It is part of a pack with 26 skills. Install only the ones you need with --skill to keep triggers precise.
- • If two skills overlap, mention the one you want by name.
Questions about Adding A Skill
What does the Adding A Skill skill do?
Use in the BuilderIO/skills repo whenever adding, updating, publishing, documenting, validating, or wiring a public skill. Covers the repo-local skill files, root catalog docs, plugin metadata, @agent-native/skills dynamic install path, optional managed AGENTS/CLAUDE instruction blocks in ../agent-native/framework, and generated/synced Plan skill gotchas.
How do I install Adding A Skill?
Run "npx skills add BuilderIO/skills --skill adding-a-skill" in your project. The skills CLI installs it for Claude Code, Cursor, Codex and 70+ other agents. In Claude on the web, upload the skill folder as a ZIP under Customize > Skills.
Does Adding A Skill work in Cursor and Codex?
Yes. Adding A Skill uses the open SKILL.md format, so it works in Claude Code, Claude, Cursor, OpenAI Codex, Gemini CLI, GitHub Copilot and other agents that support agent skills.
Is Adding A Skill free?
Adding A Skill is open source on GitHub under the MIT license. It is free to install; check the license before commercial use.
Who made Adding A Skill?
Adding A Skill is published by BuilderIO in the BuilderIO/skills repository, together with 25 other skills.





