How do I install the Remember Design System skill?

Run npx skillmds add thedixitjain/remember-design-system in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Remember Design System safe to use?

This skill has not completed SkillMD's automated safety review yet. Capability flags: makes network calls, reads secrets. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Remember Design System?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Remember Design System free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Remember Design System?

thedixitjain (@thedixitjain) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Remember Design System by thedixitjain

Name: Remember Design System
Rating: 4.2 (5 reviews)
Author: thedixitjain

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.

thedixitjain 53e734a 2 files · 1.8 KB Updated Sep 8, 2026 2 repo stars

File contents

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:

npx -y @memi-design/cli@2.6.2 agent brief . --intent "<user's interface task>" --detail compact --json

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

npx -y @memi-design/cli@2.6.2 tokens --from ./src --report --json

Apply The Memory

Prefer existing components and shadcn primitives over new abstractions.
Map every new component to atom, molecule, organism, template, or page.
Reuse semantic CSS variables and Tailwind theme tokens. Do not introduce raw hex values when a token exists.
Preserve route, state, loading, empty, error, focus, and responsive behavior identified by the brief.
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: hashgraph-online/awesome-codex-plugins → plugins/sarveshsea/memi/skills/remember-design-system/SKILL.md

Frequently asked questions