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
- githubnext/rigtheir own version, first seen Nov 1, 2026
- steipete/agent-scriptstheir own version, first seen Oct 20, 2026
- G1Joshi/Agent-Skillstheir own version, first seen Oct 13, 2026
- github/gh-awtheir own version, first seen Oct 13, 2026
- JakkuSakura/skillstheir own version, first seen Oct 11, 2026
- OpenHands/extensionstheir own version, first seen Oct 8, 2026
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.
BlockSkillfrontend-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
- steipete/agent-scripts★ 7.4ksame name
- github/gh-aw★ 5.6ksame name
- OpenHands/extensions★ 167same name
- G1Joshi/Agent-Skills★ 15same name
- githubnext/rig★ 14same name
- NazmusSayad/skills★ 2same name
- 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.
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
- Very specific: line 22
Always ask the user for the package name before naming anything (folder, package.json name, files, README, configs).
- Distinctive: line 23
If the user has no name, propose one and wait for explicit approval.
- Distinctive: line 31
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 …
- Very specific: line 35
Keep a changelog file (ChangeLog.md or changes.md) updated.
- Distinctive: line 38
Never add internal changes: refactors, renames, tests, tooling, dependencies or other non-export work.
- Distinctive: line 44
Never build the package unless the task requires it.
- Very specific: line 45
If you build for testing, revert every change under dist/ (for example git checkout dist) before finishing.
- Very specific: line 46
Never stage, commit or report dist/ changes as part of a change.
- Very specific: line 54
Every package keeps a committed docs/architecture.html: one self-contained page that maps the package as bands of files and functions, the …
- Very specific: line 56
Create the map when the package is created, not after the first release.
- Distinctive: line 58
Keep it a single offline HTML file: inline CSS and JavaScript, no CDN, no framework, no network request and no build step.
- Distinctive: line 61
Update the map in the same change as the code.
- Very specific: line 62
Verify with node <skill>/scripts/check_architecture.mjs <package-root> and open the file in a browser before a release.
- Distinctive: line 64
Never put secrets, tokens, private URLs or machine-specific paths in the file.
- Distinctive: line 68
Keep the diff absolutely minimal.
- Distinctive: line 69
Do not reformat unrelated code, reorder or rename symbols, or move code beyond the request.
- Distinctive: line 70
Do not duplicate code. Code needed in more than one place must be a shared helper function in the same location.
- Distinctive: line 74
Never stage or commit changes.
- Distinctive: line 75
Never unstage changes either.
- Distinctive: line 80
Update the changelog with a matching version header.
- Very specific: line 91
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.
“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.
Files
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.jsonname, 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.jsonversionis 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.mdorchanges.md) updated. - The changelog version header must always match the
versioninpackage.jsonexactly. Never useUnreleasedor 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 examplegit 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. Seearchitecture.mdfor 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
filesarray 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
- Bump
versioninpackage.json(only when requested). - Update the changelog with a matching version header.
- Bump versioned CDN links in the README when the package also targets the web.
- Confirm
docs/architecture.htmlmatches the source: run the checker and recheck every changed line. - Build and test.
- Inspect the publish contents with
npm pack --dry-run. - Publish:
npm publish(add--access publicfor scoped packages). - Tag the release:
git tag vX.Y.Z. - 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.
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
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.

