skills/dev-tweak-serve-package-json/SKILL.md
Tweak serve/dev commands in package.json. Use when: (1) User says 'tweak serve', 'dev tweak serve', or 'tweak-serve', (2) User wants to add port-kill before dev/serve (--kill), (3) User wants :net LAN-accessible variants of dev/serve (--net). Flags: --kill adds predev port cleanup, --net adds 0.0.0.0 host variants.
npx skillsauth add takazudo/claude-resources dev-tweak-serve-package-jsonInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Tweak serving-related commands in package.json. Requires --kill and/or --net flag.
dev, serve, preview, start, etc.)--kill flagAdd port-killing before serve commands so stale processes don't block startup.
For each serve command, detect the port it uses and add a preXXX script that kills it:
"predev": "lsof -ti :PORT | xargs kill 2>/dev/null; true",
"dev": "astro dev",
preXXX npm lifecycle hook naming (e.g., predev for dev, preserve for serve)lsof -ti :PORT | xargs kill 2>/dev/null; truepreXXX script already exists, prepend the kill command to it-p PORT or --port PORT flag in the command--net flagCreate :net suffixed variants of serve commands that bind to 0.0.0.0 for LAN access.
For each serve command, create a COMMAND:net variant:
"dev": "astro dev",
"dev:net": "astro dev --host 0.0.0.0",
| Framework | Flag |
| --- | --- |
| Astro | --host 0.0.0.0 |
| Next.js | -H 0.0.0.0 |
| Vite / Vitest | --host 0.0.0.0 |
| Webpack Dev Server | --host 0.0.0.0 |
| serve (npm) | -l tcp://0.0.0.0:PORT or --listen tcp://0.0.0.0:PORT |
| http-server | -a 0.0.0.0 |
| Docusaurus | --host 0.0.0.0 |
:net variant immediately after the original command0.0.0.0--kill is also specified, the :net variant should also get a matching preXXX:net kill scriptWhen both --kill and --net are specified, apply both tweaks. Example result:
"predev": "lsof -ti :4321 | xargs kill 2>/dev/null; true",
"dev": "astro dev",
"predev:net": "lsof -ti :4321 | xargs kill 2>/dev/null; true",
"dev:net": "astro dev --host 0.0.0.0",
development
Link Claude Code skill names mentioned in a CodeGrid article (data/{series}/{n}.md) to the author's public claude-resources repo, pinned to the latest commit hash so links don't rot. Use when: (1) user says 'linkify cc resources', 'link the skills', 'link skill names', or invokes /dev-linkify-cc-resources; (2) editing a CodeGrid article that mentions `/commits`, `/pr-complete`, `/skill-creator` or other Claude Code skills and they should point to claude-resources. Only links skills that actually exist in the public repo; skips hypothetical examples and code blocks.
development
Second opinion from Claude Opus on a plan or approach. Use when: (1) Planning phase of /big-plan needs a higher-quality review than /codex-2nd / /gco-2nd, (2) User says 'opus 2nd' or 'opus opinion', (3) Wanting Anthropic's larger model to critique a plan. Spawns a general-purpose Agent with model: opus that reads the plan file and returns structured feedback. Anthropic quota — not free.
tools
AI-based testing via subagent + a per-task test-flow skill. Use when the user wants to verify something that mechanical assertions can't fully capture — image recognition, visual size/position comparison, animation smoothness, multi-step manual flows that need AI judgment. Triggers: 'AI-based test', 'AI test', 'visual verify', 'image recognition test', 'manual operation test', 'human-eye check', 'verify visually', 'compare screenshots', 'looks the same', 'looks correct'. The skill's job is to (1) author a focused test-flow skill that captures the exact procedure + verdict criteria, then (2) dispatch a verification subagent via the Agent tool that loads BOTH the test-flow skill AND a browser-driving skill (/verify-ui primary, /headless-browser fallback) so the subagent has clear context and consistent verdicts. NEVER uses `claude -p` — subagent dispatch goes through the Agent tool exclusively.
development
End-of-workflow audit of touched GitHub issues, PRs, and branches via a Sonnet subagent. Use when: (1) /big-plan, /x-as-pr, or /x-wt-teams finishes its main work and needs to verify every touched resource is in the right state (closed when done, kept when ongoing, deleted when dead), (2) User says 'cleanup resources', 'audit cleanup', or 'check what should be closed', (3) A long workflow ends and the manager wants a structured paper trail of what it closed/kept/deleted. Auto-execute by default — the Sonnet agent proposes, the manager (you) executes safe actions and prints a final report.