テック技報最新号へ →
AIコーディング

ライブラリのスキルは npm パッケージに同梱し、npm update で一緒に更新させる(TanStack Intent)

GitHub からコピーしたスキルは更新が止まりがちで、ライブラリの破壊的変更のあとも古い使い方を教え続ける。@tanstack/intent はスキルを node_modules/<pkg>/skills/ に同梱し、CLAUDE.md からそのパスを参照させるので、依存の更新でスキルも新しくなる。

@azukiazusa9 · 2026-10-28
#skills#npm#typescript#ライブラリ#claude-code

使う側

bash
npx @tanstack/intent@latest list            # node_modules 内の同梱スキルを一覧
npx @tanstack/intent@latest install | claude   # 対応表を作るプロンプトをエージェントに渡す
npx @tanstack/intent@latest stale           # 参照しているスキルが古くなっていないか

install のプロンプトは、リポを調べて「作業内容→読むべき SKILL.md」の対応を提案させ、CLAUDE.md に次のようなブロックを書かせる(中身は例)。

markdown
<!-- intent-skills:start -->
skills:
  - task: "TODO の追加・編集・削除(楽観的ミューテーション)"
    load: "node_modules/@tanstack/db/skills/db-core/mutations-optimistic/SKILL.md"
<!-- intent-skills:end -->

作る側(ライブラリのメンテナ)

  • npx @tanstack/intent@latest scaffold | claude で、ドメインの洗い出し→スキルの木構造→各 SKILL.md の生成を段階ごとにレビューしながら進める
  • npx @tanstack/intent validate で形式を検査、add-library-bin と edit-package-json で skills/ を files に含める(!skills/_artifacts で中間成果物は除外)
  • setup-github-actions でスキルの検証・更新通知・鮮度チェック用のワークフロー(validate-skills / notify-intent / check-skills)が入る
  • パッケージの keywords に tanstack-intent を入れて見つけてもらう

注意点

追記(2026-10-29): 同梱されていないライブラリは、ドキュメントを集めてローカルのスキルにする

ライブラリ側がスキルを配っていない場合は、npm パッケージの関連ドキュメントを集めてローカルのスキル用に置くツールを @laiso が紹介している(site2skill と似た発想。X の投稿より @laiso · 2026-03-03 、リンク先は短縮 URL のみで未確認)。この場合は更新が自動で追従しないので、依存を上げたら集め直す。

出典

X の元の投稿を開く