agentleFS
DegreeSignDegreeSign/skills/skills/npm/SKILL.md

npm

Skill1 starsChanged 18 days agoMITView on GitHub

Release and maintain an npm package. Covers naming, versioning, changelog, building, publishing and the architecture map. Use when creating, versioning, publishing or tagging a package, rewriting its README, or mapping its architecture.

7 other projects use a version of this.

Adopted by

Most recently taken up by

Used with

Projects with it also use frontend-design.

Other files people use alongside this one.

Files found in the same public projects as a version of this one, more often than they turn up anywhere else. Each project counts once, large collections count for less, and this file's own repository is left out.
  • BlockSkill

    frontend-design

    Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

    Also in 3 projects that use this

  • Other versions7 projects use a version of this.

    Word for word · 0

    None found.

    Edited · 0

    None found.

    Wrote their own version · 7

    1. steipete/agent-scripts★ 7.4ksame name
    2. github/gh-aw★ 5.6ksame name
    3. OpenHands/extensions★ 167same name
    4. G1Joshi/Agent-Skills★ 15same name
    5. githubnext/rig★ 14same name
    6. NazmusSayad/skills★ 2same name
    7. JakkuSakura/skills★ 1same name

    How matches are found. Word for word: the exact same text. Edited: shares passages with this file (“99% same” means 99% of its five-word phrases also appear here; 10% or more counts). Their own version: similar meaning, or, weakest, the same name. We can’t tell which project had it first. Projects are counted among the 200 most-starred candidates, and mentions are links to the repository we found, up to 50 per site, so both counts are a floor.

  • In this repository8 other files it gives its agents.

The file

Show its rules and text

We split this skill into the rules it gives an agent

21 rules. 0 are common, 13 are distinctive, and 8 are very specific to this project.

  • 0

    Common

    Most of the 7 edited versions we read keep these.

  • 13

    Distinctive

    This author's own choices. Worth a look.

  • 8

    Very specific

    Tied to their project's names, files or tools. Probably skip.

  • Common
  • Distinctive
  • Very specific
  1. Very specific:

    Always ask the user for the package name before naming anything (folder, package.json name, files, README, configs).

    line 22
  2. Distinctive:

    If the user has no name, propose one and wait for explicit approval.

    line 23
  3. Distinctive:

    When bumping, also bump any versioned CDN links in the README if the package targets the web too (for example jsDelivr or unpkg URLs pinned …

    line 31
  4. Very specific:

    Keep a changelog file (ChangeLog.md or changes.md) updated.

    line 35
  5. Distinctive:

    Never add internal changes: refactors, renames, tests, tooling, dependencies or other non-export work.

    line 38
  6. Distinctive:

    Never build the package unless the task requires it.

    line 44
  7. Very specific:

    If you build for testing, revert every change under dist/ (for example git checkout dist) before finishing.

    line 45
  8. Very specific:

    Never stage, commit or report dist/ changes as part of a change.

    line 46
  9. Very specific:

    Every package keeps a committed docs/architecture.html: one self-contained page that maps the package as bands of files and functions, the …

    line 54
  10. Very specific:

    Create the map when the package is created, not after the first release.

    line 56
  11. Distinctive:

    Keep it a single offline HTML file: inline CSS and JavaScript, no CDN, no framework, no network request and no build step.

    line 58
  12. Distinctive:

    Update the map in the same change as the code.

    line 61
  13. Very specific:

    Verify with node <skill>/scripts/check_architecture.mjs <package-root> and open the file in a browser before a release.

    line 62
  14. Distinctive:

    Never put secrets, tokens, private URLs or machine-specific paths in the file.

    line 64
  15. Distinctive:

    Keep the diff absolutely minimal.

    line 68
  16. Distinctive:

    Do not reformat unrelated code, reorder or rename symbols, or move code beyond the request.

    line 69
  17. Distinctive:

    Do not duplicate code. Code needed in more than one place must be a shared helper function in the same location.

    line 70
  18. Distinctive:

    Never stage or commit changes.

    line 74
  19. Distinctive:

    Never unstage changes either.

    line 75
  20. Distinctive:

    Update the changelog with a matching version header.

    line 80
  21. Very specific:

    Use the prompt in readme-seo.md to rewrite a package README so it ranks and is easy for AI agents to discover and summarise.

    line 91

“Common” is measured: kept by at least 6 in 10 of the 7 edited versions of this file we could read. “Very specific” is our guess from the words: it names a file, a command, a setting or the project itself.

Keep what fits and drop the rest. Your version, ready for your agents.
Files
SKILL.md

npm

Release and maintain an npm package: versioning, changelog, committed build output, publishing, tagging and README discoverability.

When to use

  • Bumping the package version.
  • Naming a new package.
  • Updating the changelog.
  • Building or handling dist/ artifacts.
  • Publishing to npm or tagging a release.
  • Rewriting a README for SEO and AI discoverability.
  • Creating or updating the package architecture map.

Package name

  • Always ask the user for the package name before naming anything (folder, package.json name, files, README, configs).
  • If the user has no name, propose one and wait for explicit approval. Never pick or change the name on your own.
  • Get the scope right too (plain, or @scope/name); proposal options can be a scope plus a name.

Versioning

  • Follow semantic versioning.
  • package.json version is the source of truth.
  • Bump the version only when explicitly requested; never on your own initiative.
  • When bumping, also bump any versioned CDN links in the README if the package targets the web too (for example jsDelivr or unpkg URLs pinned to a version).

Changelog

  • Keep a changelog file (ChangeLog.md or changes.md) updated.
  • The changelog version header must always match the version in package.json exactly. Never use Unreleased or any placeholder.
  • The changelog documents exports only. Record external / public API changes: new exports, changed types, breaking changes.
  • Never add internal changes: refactors, renames, tests, tooling, dependencies or other non-export work.
  • One sentence per change, absolute need-to-know only. Never mention a type or symbol that is not publicly exported.

Build artifacts

  • dist/ is a committed build artifact. Do not regenerate or modify it casually.
  • Never build the package unless the task requires it.
  • If you build for testing, revert every change under dist/ (for example git checkout dist) before finishing.
  • Never stage, commit or report dist/ changes as part of a change.

Project structure and webpack

See webpack.md for how to pick the browser, Node or both targets from the package's code, the folder layout, package.json entry fields (main, module, browser, types), tsconfig.json, and a dual browser + Node webpack config (plus the Node-only variant) built on ts-loader, TerserPlugin and BannerPlugin.

Architecture map

Every package keeps a committed docs/architecture.html: one self-contained page that maps the package as bands of files and functions, the typed relations between them, the primary flow and any state machine.

  • Create the map when the package is created, not after the first release. Keep it at docs/architecture.html.
  • Build it from architecture.template.html. See architecture.md for the data model, the worked example, the build procedure and the update checklist.
  • Keep it a single offline HTML file: inline CSS and JavaScript, no CDN, no framework, no network request and no build step.
  • Map the public entry, every source module and every meaningful function with its real definition line and signature. Group files into bands in dependency order.
  • Record real relations only: build, call, event, store, type and inner. Add the primary flow and any enum-driven state machine.
  • Update the map in the same change as the code. A drifted line, line count or edge is a defect.
  • Verify with node <skill>/scripts/check_architecture.mjs <package-root> and open the file in a browser before a release.
  • Link the map from the README Architecture section. Keep it out of the files array unless the docs site is served from the tarball.
  • Never put secrets, tokens, private URLs or machine-specific paths in the file.

Minimal diff

  • Keep the diff absolutely minimal. Touch only what the task requires.
  • Do not reformat unrelated code, reorder or rename symbols, or move code beyond the request.
  • Do not duplicate code. Code needed in more than one place must be a shared helper function in the same location.

Git state

  • Never stage or commit changes. Only the user stages and commits, unless the user gives an explicit order.
  • Never unstage changes either. Do not run git reset, git restore --staged, git rm --cached, or any other command that alters the index. The user alone controls the index.

Release checklist

  1. Bump version in package.json (only when requested).
  2. Update the changelog with a matching version header.
  3. Bump versioned CDN links in the README when the package also targets the web.
  4. Confirm docs/architecture.html matches the source: run the checker and recheck every changed line.
  5. Build and test.
  6. Inspect the publish contents with npm pack --dry-run.
  7. Publish: npm publish (add --access public for scoped packages).
  8. Tag the release: git tag vX.Y.Z.
  9. Push the commit and tag.

README for SEO and AI discoverability

Use the prompt in readme-seo.md to rewrite a package README so it ranks and is easy for AI agents to discover and summarise.

Download now (ZIP)

Does it work?

Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.

No reviews yet

People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.

  • It worked
  • Partly
  • It didn't
What did you use it for? e.g. Reviewing pull requests in a Rails app

Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.

Your trail

Files you open will collect here, so you can find them again.

Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.

Now do this for your own.

Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.