# Webiny Admin Local Storage Catalog

Admin/local-storage, 4 abstractions.

- Repository: https://github.com/webiny/webiny-js (8051 stars)
- Category: Engineering
- License: see repository
- Last updated: 2026-10-30
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add webiny/webiny-js --skill webiny-admin-local-storage-catalog -g -a claude-code -y`
Codex: `npx skills add webiny/webiny-js --skill webiny-admin-local-storage-catalog -g -a codex -y`
Cursor: `npx skills add webiny/webiny-js --skill webiny-admin-local-storage-catalog -g -a cursor -y`
Gemini CLI: `npx skills add webiny/webiny-js --skill webiny-admin-local-storage-catalog -g -a gemini-cli -y`

## Description

admin/local-storage, 4 abstractions.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# admin/local-storage

## How to Use

1. Find the abstraction you need below
2. You MUST read the source file to get the exact interface and types!
3. Import: `import { Name } from "<importPath>";`

## Abstractions

---

**Name:** `LocalStorage`
**Import:** `import { LocalStorage } from "webiny/admin/local-storage"`
**Source:** `@webiny/app/features/localStorage/abstractions.ts`

---

**Name:** `useLocalStorage`
**Import:** `import { useLocalStorage } from "webiny/admin/local-storage"`
**Source:** `@webiny/app/presentation/localStorage/index.ts`
**Description:** Returns the LocalStorage instance from DI.
Useful when you want to call service methods imperatively inside components.

---

**Name:** `useLocalStorageValue`
**Import:** `import { useLocalStorageValue } from "webiny/admin/local-storage"`
**Source:** `@webiny/app/presentation/localStorage/index.ts`

---

**Name:** `useLocalStorageValues`
**Import:** `import { useLocalStorageValues } from "webiny/admin/local-storage"`
**Source:** `@webiny/app/presentation/localStorage/index.ts`
**Description:** Observes multiple keys in LocalStorage and returns an object of { key: value }.
Re-renders when any of the observed keys change.

---