원클릭으로
upgrade-dependencies
Upgrade npm dependencies and GitHub Actions safely, testing between each change
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
메뉴
Upgrade npm dependencies and GitHub Actions safely, testing between each change
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Build a throwaway single-file tool for a specific use case — runs on file://, persists to localStorage, no build step. Stack scales from static HTML to React-via-CDN based on interaction complexity.
Use when the user asks to create an interactive HTML explainer, visual walkthrough, or "making of" page for a codebase, feature, protocol, spec, architecture, commit history, board design, or technical documentation. Triggered by requests like "explain this code visually", "create an explainer", "make an interactive walkthrough", "explain this protocol", "visualize the architecture". Produces a long-form, top-to-bottom scrolling page in which interactive diagrams carry the explanation and prose threads them together.
Disciplined diagnosis loop for hard bugs and performance regressions. Reproduce → minimise → hypothesise → instrument → fix → regression-test. Use when user says "diagnose this" / "debug this", reports a bug, says something is broken/throwing/failing, or describes a performance regression.
Scrape a documentation website and convert it to .epub and .azw3 for Kindle. Use when the user asks to turn docs, guides, or a documentation site into an ebook for Kindle or EPUB readers.
Automate Electron desktop apps (VS Code, Slack, Discord, Figma, Notion, Spotify, etc.) using agent-browser via Chrome DevTools Protocol. Use when the user needs to interact with an Electron app, automate a desktop app, connect to a running app, control a native app, or test an Electron application. Triggers include "automate Slack app", "control VS Code", "interact with Discord app", "test this Electron app", "connect to desktop app", or any task requiring automation of a native Electron application.
Use when creating interactive scrollytelling pages, playable essays, model-driven explanations, or explorable explanations for concepts, phenomena, societal issues, geopolitical situations, scientific research, or public-interest themes. Triggered by "make an explorable explanation", "build a playable essay", "explain this interactively", "scrollytelling piece for X", or references to authors and projects in the lineage — Bartosz Ciechanowski, Nicky Case, Vi Hart, Bret Victor, Parable of the Polygons, Distill, Mathigon, explorabl.es.
| name | upgrade-dependencies |
| description | Upgrade npm dependencies and GitHub Actions safely, testing between each change |
Upgrade npm dependencies and GitHub Actions while continuously verifying nothing breaks.
Ensure clean state:
git status
npm ci
npm run build && npm test
If the build or tests fail before you start, stop and tell the user.
npm outdated
npm audit
Categorize into groups:
npm audit) — urgentdependencies in package.jsondevDependencies in package.json.github/workflows/*.ymlPresent the upgrade plan to the user before starting.
For each group, repeat this cycle:
npm install <pkg>@latest or npm audit fix)git checkout package.json package-lock.json && npm ci, then investigateGroup related packages together (e.g. all @types/*, all test framework packages).
Check for newer versions:
grep -r "uses:" .github/workflows/ | grep -v "#"
For each action, check the latest release:
gh api repos/{owner}/{action}/releases/latest --jq '.tag_name'
Update version pins in workflow files, commit, and verify CI passes.
For each major version bump:
rm -rf node_modules
npm ci
npm run build && npm test && npm run lint
npm audit
npm outdated
Report a summary of what was upgraded, what was skipped, and any remaining outdated packages.