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

@flood-md/agent

v0.2.10

Published

Versioned Flood design instructions for coding agents.

Readme

@flood-md/agent

Version-matched guidance for Flood React/Next.js projects. Read the installed contract before composing screens. The 0.2.10 reference bundle includes spacing guidance, routing and observable rules. These files grant no authority to modify external services.

The optional @flood-md/agent/inspect export supplies inspectRenderedUI for browser evaluation in local verification tooling. It reads the current rendered DOM without mutation/network access and returns bounded observations, copy and field geometry. See rendered review for execution, privacy, limits and contextual review. The main knowledge-reader entry remains Node-only. An empty observation list does not certify an interface's quality. The same optional entry exports inspectSourceUI for bounded text observations of host-owned JSX/CSS. It suggests owner review for native dialogs/controls and custom layouts without reading files or executing source. Text matches can be false positives or miss indirect code; see the rendered-review reference.

The package also exposes a Node-only, read-only knowledge API with TypeScript declarations. No model provider, network service or MCP runtime is required.

import {createKnowledgeReader} from '@flood-md/agent';
const reader = createKnowledgeReader();
const context = await reader.info();
const page = await reader.list({kind: 'component', search: 'table'});
const material = await reader.read('component:data-table');

Follow nextCursor/nextOffset when present. Metadata is bounded separately from material bodies; a selected body is checked against the matching package catalog. The CLI adds host-version checks and preservation of project-owned guide copies. knowledge.json contains semantic annotations; build generates dist/catalog.json from the same canonical components, token manifest, guides and recipes used by the website. Do not hand-edit generated hashes or duplicate component contracts. See Agent knowledge for groups, capabilities, prerequisites, read budgets, compatibility and customization behavior.

The source bundle also includes thirteen routed workflows for the existing dark base: composition, hierarchy, spacing, foundations, accessibility, forms, overlays, navigation, data display, records, feedback, interface content and verification. The lightweight flood-ui entry selects relevant skills; nested folders do not imply independent automatic discovery. workflows.json describes applicability. rules.json describes observable checks; neither is a completed component-audit report or executable enforcement engine.

| Source | Role | | --- | --- | | DESIGN.md | Shared versioned UI/component contract | | SKILL.md | Short entry and task router | | references/routing.md | Applicability, audience, prerequisites and governing source | | references/composition.md | Screen/form composition workflow | | references/flood-composition/SKILL.md | Full primitives-first composition skill routed from flood-ui | | references/spacing.md | Measured spacing, density, nested geometry and hit areas | | references/accessibility.md | Interaction and perception checks | | references/customization.md | Scoped semantic customization | | references/verification.md | Evidence before reporting completion | | rules.json | Stable rule IDs with conditions, sources and observable checks | | manifest.json | Source → installed-path mapping used by the CLI | | workflows.json | Component-family applicability and routed full-skill sources |

CLI init copies every manifest entry into an unused owned path. Doctor checks expected regular files without linked destinations. Neither tool rewrites host instructions or proves agent compliance. The website serves these sources under /agent/ after a build. Read only relevant references; installed declarations govern available APIs. See the human guide.

DESIGN.md includes concrete composition rules: intrinsic action widths, responsive form parents, a close indicator/label pair, spacing between choices, and keyboard/native form requirements. Always check the declarations of the installed package before using APIs introduced by a later version. See the user-facing layout guide for complete examples.

Manifest entry/rule guide paths identify package sources; manifest.files maps them to project-root targets. installedEntry points directly to the project skill. Keep manifest.version aligned with the package and DESIGN header.