What is it?
What it is
A collection of small, composable skills for coding agents that enhance planning, review, and execution workflows.
Why it exists
To address common agent workflow challenges such as opaque plans, diff review, cross-agent handoffs, expensive model waste, usage limit overruns, and ambiguous completion signals by providing reusable, installable skills.
Who should use it
Developers using AI coding agents (such as Claude Code, Codex, Cursor, etc.) who want to enhance their agents with specialized skills for planning, recapping, auditing, and cost management.
Who should avoid it
Developers who do not use AI coding agents or prefer to work without AI assistance.
How it works
A quick walkthrough in plain English
How skills works
Step 1 of 3
You interact with it
Open skills, send a request, or connect it to your stack.
Features
Advantages
- Open source (MIT)
- Active JavaScript ecosystem
- Self-hosted deployment options
Disadvantages
- Requires operational ownership for self-hosted setups
- Community support varies by project maturity
Installation
native
npx @agent-native/skills@latest add
FAQ
How do I install the recommended skills quickly?
Run `npx @agent-native/skills@latest add` to launch the interactive picker, which preselects `/visual-plan` and `/visual-recap` by default. You can toggle additional skills and configure storage options during the wizard.
Can I install a single skill without using the interactive picker?
Yes. Use the `--skill` flag, e.g., `npx @agent-native/skills@latest add --skill quick-recap` or add a GitHub Action with `npx @agent-native/skills@latest add --skill visual-recap --with-github-action`.
What does local visual‑plan mode do and why is it useful?
In local‑files mode `/visual-plan` writes and serves the MDX plan through a localhost bridge instead of uploading the plan to the hosted database, keeping the plan content on your machine while still providing a rich, commentable review surface.
How can I automatically generate visual recaps for every pull request?
When installing `/visual-recap` via the picker, opt to add the PR Visual Recap GitHub Action, or manually run `npx @agent-native/skills@latest add --skill visual-recap --with-github-action` to set up the action that creates a visual recap for each PR.
How do I use these skills as a Claude Code plugin?
Inside Claude Code run `/plugin marketplace add BuilderIO/skills` then `/plugin install builder-skills@builder-skills`. The skills become available under the plugin namespace, e.g., `/builder-skills:quick-recap`. Update later with `/plugin marketplace update builder-skills`. Note that this method does not add the managed AGENTS.md/CLAUDE.md blocks or the PR Visual Recap GitHub Action.
Featured in Videos
YouTube tutorials and walkthroughs for skills
Alternatives
Similar projects ranked by category, topics, and text overlap.
