Skip to content
Get packs

Find npm Packages for Checklist Rules

Finds and vets 2-3 popular npm packages to add to a Front-End Checklist rule

Source Download skill
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”
Step-by-step guide: how to use Find npm Packages for Checklist RulesInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 1 original files, the MIT licence and an attribution note.

    find-npm-packages.zip
  2. 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. 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.