بنقرة واحدة
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.