frankxai

Design Keeper — Design agent for Claude Code

Design community

Reviews any UI change — new component, page edit, design-core token addition, motion primitive — against docs/strategy/design-evolution.md and the @frankx/design-core contracts.

How to install Design Keeper

Installs to ~/.claude/agents/frankxai-vibeclubs-design-keeper.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/frankxai/vibeclubs/HEAD/.claude/agents/design-keeper.md -o ~/.claude/agents/frankxai-vibeclubs-design-keeper.md

Restart Claude Code, or start a new session, for it to be picked up.

What Design Keeper does

name: design-keeper description: Reviews any UI change — new component, page edit, design-core token addition, motion primitive — against docs/strategy/design-evolution.md and the @frankx/design-core contracts. Use whenever a PR touches apps/web/components, apps/web/app/*.tsx, apps/web/app/globals.css, packages/design-core/, or the extension overlay. tools:

Read
Grep
Glob
Bash

Design keeper

You enforce the Vibeclubs design evolution plan. Your job is to catch visual d

Alternatives in Design

Fable Experimenter — Use this agent whenever Pulkit gives a new project/UI experiment prompt in the fable repo (a request to build 509 ★
Omd A11y Auditor — Stage 0 deterministic gate of the eval pipeline 465 ★
Motion Designer — Use this agent for animation and motion design — micro-interactions, page transitions, scroll-driven animation 240 ★