skills/design-patterns/behaviorals/pattern-memento/SKILL.md
Teaches and applies the Memento behavioral design pattern — capturing and externalizing an object's internal state without violating encapsulation, enabling state restoration. Trigger: When implementing undo/redo, snapshots, or state history features.
npx skillsauth add johnnystefan/test-saas-business pattern-mementoInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Captures and externalizes an object's internal state without violating encapsulation, so the object can be restored to this state later.
class Memento {
// Immutable
constructor(private readonly state: string) {}
getState() {
return this.state;
}
}
class Originator {
private state: string = '';
save(): Memento {
return new Memento(this.state);
}
restore(m: Memento) {
this.state = m.getState();
}
}
class Caretaker {
private history: Memento[] = [];
// Manages the history array
}
tools
Zustand 5 state management patterns. Trigger: When implementing client-side state with Zustand (stores, selectors, persist middleware, slices).
databases
Zod 4 schema validation patterns. Trigger: When creating or updating Zod v4 schemas for validation/parsing (forms, request payloads, adapters), including v3 -> v4 migration patterns.
development
Vitest unit testing patterns with React Testing Library. Trigger: When writing unit tests for React components, hooks, or utilities.
tools
Vite 8 (Rolldown-powered) build tool configuration, plugin API, SSR, and migration guide. Trigger: When working with vite.config.ts, Vite plugins, building libraries, or SSR apps with Vite.