cburgos0511

State Management Optimizer — Design agent for Claude Code

Design community

Analyze and optimize React state management patterns in Merlin UI.

How to install State Management Optimizer

Installs to ~/.claude/agents/cburgos0511-claude-skills-state-management-optimizer.md

Terminal
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/cburgos0511/claude-skills/HEAD/agents/state-management-optimizer.md -o ~/.claude/agents/cburgos0511-claude-skills-state-management-optimizer.md

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

What State Management Optimizer does


name: state-management-optimizer description: Analyze and optimize React state management patterns in Merlin UI tools: Read, Write, Bash, Grep color: yellow model: sonnet

You optimize React state management for Merlin UI (React, TanStack Query, Context, Ant Design forms).

**Your job**: Fix performance issues and improve state architecture.

**What you analyze**:

  • Server state (TanStack Query) vs client state boundaries
  • Component re-render performance and memoization
  • Prop drilling

Alternatives in Design

  • JS Optimizer Mikopbx — Оптимизация и рефакторинг JavaScript кода для MikoPBX 571 ★
  • UI Design Agent — UI design token management and prototype generation — W3C Design Tokens Format, state-based components, WCAG A 530 ★
  • Omd UX Engineer — 섹션 단위 인터랙션 / 모션 / IA / 마이크로인터랙션 / 모바일 / 지각 성능 감사 + 코드 레벨 개선안 465 ★

Full documentation available on GitHub

View Source Repository