Find npm Packages for Checklist Rules
Finds and vets 2-3 popular npm packages to add to a Front-End Checklist rule
- Repository
- thedaviddias/Front-End-Checklist
- Stars
- 74,632
- Licence
- MIT
- Files
- 1 file
What it does
When given a front-end checklist rule, this skill tells the agent to work out what the rule checks, look for well-known npm libraries or tools that detect, fix, or test that issue, and check each one against download and recency thresholds. It then adds the best 2-3 package names to that rule's metadata so the project's website can show them. It is aimed at maintainers of the Front-End Checklist repository rather than general users.
Great for
- Maintainers of the Front-End Checklist repository adding tool references to rules
- Contributors who want quick, consistent npm package suggestions for a specific accessibility, performance, or code-quality rule
Skip it if
- General coding or project work outside this checklist repository, since the workflow is tied to its file paths and validation script
- Situations where package choice must be authoritative or security-audited, because the skill only checks download counts and publish dates, not security or licensing
Try asking
- “Find the best npm packages for the rule accessibility/form-labels and add them to its frontmatter”
- “Suggest 2-3 well-maintained npm tools that enforce the rule in packages/content/rules/en/performance/images-lazy-loading.mdx”
- “Validate the npm packages already listed in a rule file against the download and publish-date thresholds”
Install in 3 steps
- 1
Download the skill
The ZIP contains the 1 original files, the MIT licence and an attribution note.
find-npm-packages.zip - 2
Add it to your agent
Claude Code (all projects)
mkdir -p ~/.claude/skills && unzip find-npm-packages.zip -d ~/.claude/skills/Claude Code / Agent SDK (this project only)
mkdir -p .claude/skills && unzip find-npm-packages.zip -d .claude/skills/Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.
- 3
Ask for the task
No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.
Get better results
- Review the suggested packages yourself before committing, since the skill relies on download counts and does not check security, licence, or fit
- Run the validation script after editing so failing packages are caught before a pull request
What's inside
- SKILL.md
Redistributed unmodified from thedaviddias/Front-End-Checklist under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.