
Adding A Skill
FreeStreamline the process of adding and managing skills.
Free · Opens the source repo
What Adding A Skill does
The Adding A Skill tool is designed for developers working within the BuilderIO/skills repository. It provides a structured approach to creating, updating, and managing public skills in a collaborative environment. This skill is particularly useful for those who are involved in the development of new skills or modifications to existing ones, ensuring that all necessary steps are followed and that the skills are properly documented and validated.
When using this tool, developers can easily determine the type of skill they are working on, whether it is a plain public skill, an instruction-style skill, or an app-backed skill. Each type has its own specific requirements and workflows, which are clearly outlined in the documentation. The skill also emphasizes the importance of validation and testing, providing commands to ensure that changes are correctly implemented and do not disrupt existing functionality.
In addition to the development process, this tool aids in the management of the skill's installation path and metadata. By following the guidelines provided, developers can ensure that their skills are dynamically discoverable and properly integrated into the broader agent-native framework. This reduces the friction typically associated with skill management and allows for a more efficient workflow.
Overall, Adding A Skill is an essential tool for developers looking to contribute to the BuilderIO ecosystem. It simplifies the process of skill creation and management while ensuring adherence to best practices, making it easier for teams to collaborate and innovate.
When to use it
Use this tool when you need to create, update, or validate skills in the BuilderIO/skills repo.
When not to use it
This skill is not suitable for standalone skill development outside the BuilderIO ecosystem or for skills not intended for public use.
What you can build with it
Creating a New Skill
When starting a new skill, use this tool to ensure all necessary documentation and validation steps are followed.
Updating Existing Skills
Utilize this skill to manage updates to existing skills, ensuring compatibility and proper documentation.
Validating Skill Changes
Before finalizing any changes, run the validation commands to catch potential issues early in the development process.
How to install Adding A Skill
View source1. Install with the skills CLI
npx skills add builderio/skills/adding-a-skill --agent claude-code2. Or install it manually
Download the skill folder and drop it into ~/.claude/skills/ for all projects, or .claude/skills/ to scope it to one repo. Restart Claude Code so it picks up the new skill.
Anthropic's agentic coding CLI, and the reference implementation of Agent Skills. Drop a skill folder into ~/.claude/skills and Claude Code loads it automatically whenever a task matches the skill's description. Claude Code docs
Inside SKILL.md
Written by builderioAdding 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 --json -
Run
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-fable,
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.
Frequently asked questions about Adding A Skill
Similar skills
Spring Boot Testing
Master testing techniques for Spring Boot 4 applications.
GitHub Issues
Manage GitHub issues efficiently with MCP tools.
Geofeed Tuner
Optimize your IP geolocation feeds in CSV format.
Batch Files
Master Windows batch scripting for automation and task management.
Adobe Illustrator Scripting
Automate your Illustrator workflows with ExtendScript.
Plugin Structure
Create and organize Claude Code plugins effectively.
