npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

ai-instruct

v1.0.6

Published

Practical markdown guides for developers building websites with AI coding assistants

Downloads

617

Readme

AI Instruct

Drop-in guides for your AI assistant covering the domains most developers Google when building: deployment, analytics, SEO, accessibility, and more.

npm version npm downloads GitHub stars license last commit

npx ai-instruct init

The CLI detects your AI tool (Claude Code, Cursor, Copilot, Windsurf), lets you pick which guides to add, downloads them to ai-docs/, and adds the right reference lines to your config file automatically.

Guides

| Guide | File | Description | |-------|------|-------------| | Deploying a Static SPA on AWS | aws-spa-deployment-guide.md | Deploying a static single-page app (React/Vite) on AWS - Amplify hosting, custom domains, CDK backend with API Gateway + Lambda, SES email, CORS, and environment variables. | | Google Analytics 4 Implementation | google-analytics-guide.md | Google Analytics 4 (GA4) implementation - installation (gtag.js and GTM), event tracking, user properties, e-commerce, Consent Mode v2, and debugging. | | SEO & LLMO Implementation | seo-llmo-guide.md | SEO & LLMO (Large Language Model Optimization) implementation for static sites - meta tags, Open Graph, structured data (JSON-LD), llms.txt, robots.txt for AI crawlers, sitemaps, and validation tools. Based on practices as of early 2026. | | Web Accessibility | web-accessibility-guide.md | WCAG 2.2 AA implementation - semantic HTML, keyboard navigation, ARIA, forms, color contrast, focus management, motion, and testing with automated tools and screen readers. |

How to Use

The guides are written to be read by both humans and AI models. There are four main ways to use them:

0. CLI setup (recommended)

npx ai-instruct init

Run in your project root. The CLI handles detection, download, and config file updates automatically.

1. Paste into chat

Copy a guide's contents (or a relevant section) and paste it directly into your AI chat before asking your question. Best for one-off tasks.

2. Add to your project's AI instructions file (recommended)

Most AI coding assistants read a persistent instructions file from your project root. Download the relevant guide(s) into your project and reference them from your instructions file - the assistant will have the context automatically on every session.

| Assistant | Instructions file | How to reference a guide | |-----------|------------------|--------------------------| | Claude Code | CLAUDE.md | Add a line like Read seo-llmo-guide.md for SEO/LLMO practices. | | Cursor | .cursor/rules/ (one .mdc file per rule) or .cursorrules | Paste guide contents into a new .mdc file in .cursor/rules/ | | GitHub Copilot | .github/copilot-instructions.md | Paste guide contents or add See seo-llmo-guide.md for SEO context. | | Windsurf | .windsurfrules | Paste guide contents or reference the file path | | Aider | Pass with --read flag | aider --read seo-llmo-guide.md | | Base44 | Paste into chat | Copy the relevant guide and paste it into your Base44 chat before describing your task | | Lovable | Paste into chat | Copy the relevant guide and paste it into your Lovable chat before describing your task |

Best practices for instruction files:

  • Keep guides as separate files rather than pasting everything into one giant instructions file - it's easier to update individual guides and keeps the instructions file readable
  • Only include guides relevant to your project to avoid unnecessary context
  • Put guides in a dedicated folder (e.g. ai-docs/) and reference them from your instructions file
  • When a guide is updated in this repo, re-download it to get the latest practices

3. Global AI assistant instructions

Some assistants support a global (user-level) instructions file that applies to all projects. Useful for guides you always want active.

| Assistant | Global instructions location | |-----------|------------------------------| | Claude Code | ~/.claude/CLAUDE.md | | Cursor | Settings → Rules for AI → User Rules | | GitHub Copilot | Not supported (project-level only) |

Contributing

Pull requests are welcome - see CONTRIBUTING.md for guide format and writing guidelines. You can:

Building your own AI instruction guides for a different domain? Use this repo as a template to get the folder structure, CONTRIBUTING guidelines, and CLI wired up from the start.

  • Add a new guide - create a focused .md file on a specific topic (deployment, accessibility, performance, auth, etc.)
  • Update an existing guide - fix outdated information, add missing patterns, or improve clarity
  • Fix errors - typos, broken examples, wrong commands

Guidelines for new guides

  • Keep guides focused on a single topic
  • Start with a "Before You Start" section - plain-English questions that let an AI assistant tailor its output (see CONTRIBUTING.md)
  • Write for an audience that may not have deep coding experience
  • Include working code snippets and real commands
  • Note the date/context for time-sensitive information (e.g. "as of 2026")
  • Use tables and checklists where appropriate

License

Apache 2.0 - see LICENSE. Free to use, modify, and redistribute.