> ## Documentation Index
> Fetch the complete documentation index at: https://brushysuite.gfrancodev.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Brushy Suite

> Dependency injection, storage, and examples for TypeScript, React, and Node.js.

Welcome to the official documentation for **Brushy Suite**, a modular toolkit for building typed, testable applications across web, mobile, and server runtimes.

**AI agents:** read [`/SKILL.md`](https://brushysuite.gfrancodev.com/SKILL.md) before generating code. It contains mandatory rules for DI, storage, and React patterns.

> [card] [Install @brushy/di](https://www.npmjs.com/package/@brushy/di)
>
> Umbrella DI package: core, React, monitor, and OpenTelemetry.

> [card] [Install @brushy/storage](https://www.npmjs.com/package/@brushy/storage)
>
> Isomorphic cache with TTL, persist, and optional React hooks.

> [card] [Getting started](https://brushysuite.gfrancodev.com/getting-started/introduction.md)
>
> Choose packages, install commands, and stack-specific recipes.

> [card] [@brushy/di](https://brushysuite.gfrancodev.com/di/overview.md)
>
> Zero-dependency DI core with React hooks and server request scope.

> [card] [@brushy/storage](https://brushysuite.gfrancodev.com/storage/overview.md)
>
> Isomorphic cache with optional persist and React bindings.

> [card] [Examples](https://brushysuite.gfrancodev.com/examples/overview.md)
>
> Vite, Expo, Express, and Fastify reference projects.

## Packages

| Package | npm | Description |
| - | - | - |
| [`@brushy/di`](https://brushysuite.gfrancodev.com/di/overview) | [npm](https://www.npmjs.com/package/@brushy/di) | Umbrella package: core, React, monitor, and OpenTelemetry |
| [`@brushy/di-core`](https://brushysuite.gfrancodev.com/di/di-core/overview) | [npm](https://www.npmjs.com/package/@brushy/di-core) | Container, tokens, modules, and server utilities |
| [`@brushy/di-react`](https://brushysuite.gfrancodev.com/di/react-hooks) | [npm](https://www.npmjs.com/package/@brushy/di-react) | `BrushyDIProvider`, `useInject`, and component injection |
| [`@brushy/di-monitor`](https://brushysuite.gfrancodev.com/di/monitor/overview) | [npm](https://www.npmjs.com/package/@brushy/di-monitor) | Container monitoring and runtime metrics |
| [`@brushy/di-otel`](https://brushysuite.gfrancodev.com/di/overview) | [npm](https://www.npmjs.com/package/@brushy/di-otel) | OpenTelemetry integration for DI |
| [`@brushy/storage`](https://brushysuite.gfrancodev.com/storage/overview) | [npm](https://www.npmjs.com/package/@brushy/storage) | Memory-first cache with TTL, persist, and [API reference](https://brushysuite.gfrancodev.com/storage/api-reference.md) |
| [`@brushy/storage-react`](https://brushysuite.gfrancodev.com/storage/react-hooks) | [npm](https://www.npmjs.com/package/@brushy/storage-react) | `StorageProvider` and `useStorage` hooks |

## MCP server

Connect AI tools to this documentation from the contextual menu in the page header. Use **Connect to Cursor**, **Connect to VS Code**, or **Copy MCP server URL** to add the hosted MCP endpoint. When deployed on Mintlify, the server is available at `https://<your-site-url>/mcp`.

## Quick install

```bash theme={null}
npm install @brushy/di
npm install @brushy/storage @brushy/storage-react
```

## Agent skill

Install the Brushy Suite skill so AI tools know when to use DI vs storage:

Install the Brushy Suite agent skill.

npx skills add [https://brushysuite.gfrancodev.com](https://brushysuite.gfrancodev.com/index.md)

See also [`/SKILL.md`](https://brushysuite.gfrancodev.com/SKILL.md) and [`/llms.txt`](https://brushysuite.gfrancodev.com/llms.txt).


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.