# Remember Design System

> Use when an agent is about to build or refactor interface code and needs a compact, repository-specific brief covering existing tokens, components, routes, conventions, and verification commands.

- **Type:** Skill
- **Install:** `agentstack add skill-memi-design-remember-design-system-remember-design-system`
- **Verified:** Yes — security-reviewed for prompt injection and unsafe behavior
- **Seller:** [memi-design](https://agentstack.voostack.com/s/memi-design)
- **Installs:** 0
- **Category:** [Agent Skills](https://agentstack.voostack.com/c/agent-skills)
- **Latest version:** 0.1.0
- **License:** MIT
- **Upstream author:** [memi-design](https://github.com/memi-design)
- **Source:** https://github.com/memi-design/remember-design-system
- **Website:** https://github.com/memi-design/memi

## Install

```sh
agentstack add skill-memi-design-remember-design-system-remember-design-system
```

Requires the [AgentStack CLI](https://agentstack.voostack.com/docs/cli). Works with Claude Code, Cursor, and any MCP-compatible agent.

## About

# Remember The Design System

Build design context from the repository instead of guessing from the prompt. This is a preflight for UI work, not a request to redesign the product.

## Build The Brief

Translate the user's task into a short intent, then run from the repository root:

```bash
npx -y @memi-design/cli@2.5.0 agent brief . --intent "" --detail compact --json
```

If the task changes colors, spacing, typography, radii, or shadows, add token evidence:

```bash
npx -y @memi-design/cli@2.5.0 tokens --from ./src --report --json
```

## Apply The Memory

1. Prefer existing components and shadcn primitives over new abstractions.
2. Map every new component to atom, molecule, organism, template, or page.
3. Reuse semantic CSS variables and Tailwind theme tokens. Do not introduce raw hex values when a token exists.
4. Preserve route, state, loading, empty, error, focus, and responsive behavior identified by the brief.
5. Expand to `--detail standard` only when compact output omits evidence needed for the edit.

## Handoff

Before editing, state the components and tokens you will reuse. After editing, cite files changed, evidence followed, checks run, and any design assumptions that remain.

## Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

- **Author:** [memi-design](https://github.com/memi-design)
- **Source:** [memi-design/remember-design-system](https://github.com/memi-design/remember-design-system)
- **License:** MIT
- **Homepage:** https://github.com/memi-design/memi

Install and usage instructions live in the source repository linked above.

## Pricing

- **Free** — Free

## Security capabilities

Automated source analysis of v0.1.0 — what this tool can access:

- **Network access:** no
- **Filesystem access:** no
- **Shell / process execution:** no
- **Environment & secrets:** no
- **Dynamic code execution:** no

*"Yes" means the capability is present in the source — more access means more to trust, not that it is unsafe.*


## Versions

- **0.1.0** — security scan: passed — Imported from the upstream source.

## Links

- Listing page: https://agentstack.voostack.com/l/skill-memi-design-remember-design-system-remember-design-system
- Seller: https://agentstack.voostack.com/s/memi-design
- Browse the marketplace: https://agentstack.voostack.com/browse

---
Listed on AgentStack — the marketplace for AI agent skills and MCP servers. Every listing is security-reviewed. Creators keep 70%.