/optimize

Оптимизировать производительность кода

alexeykrol@alexeykrol

GitHub

From plugin

claude-code-starter

19020 skills5 agents20 commands

Install

$ npx -y skills add alexeykrol/claude-code-starter --agent claude-code

How it fires

How this command gets triggered: by you, by Claude, or both.

Fires itselfClaude auto-loads it when your prompt matches the work.
You can call itInvoke it directly when you want it.
Slash command/optimize

Context preview

What this command does when you run it.

Оптимизировать производительность кода

Command definition

optimize.md

description: Оптимизировать производительность кода

Помоги оптимизировать производительность указанного кода.

**Области оптимизации:**

1. React Performance

**Проверь:**

[ ] Нет ли лишних ре-рендеров
[ ] Используется ли мемоизация (`useMemo`, `useCallback`)
[ ] Правильно ли используются keys в списках
[ ] Можно ли использовать React.memo
[ ] Нет ли создания объектов/функций в рендере

**Оптимизации:**

// ❌ Плохо
function Component() {
  return <Child onClick={() => {}} data={{}} />
}

// ✅ Хорошо
const EMPTY_DATA = {}
function Component() {
  const handleClick = useCallback(() => {}, [])
  return <Child onClick={handleClick} data={EMPTY_DATA} />
}

2. Database Queries

**Проверь:**

[ ] Запрашиваются только нужные поля
[ ] Используются индексы
[ ] Нет N+1 проблем
[ ] Используется pagination
[ ] Есть ли лимиты на выборку

**Оптимизации:**

// ❌ Плохо
const { data } = await supabase.from('chats').select('*')

// ✅ Хорошо
const { data } = await supabase
  .from('chats')
  .select('id, title, created_at')
  .limit(20)
  .order('created_at', { ascending: false })

3. Bundle Size

**Проверь:**

[ ] Используются ли dynamic imports
[ ] Нет ли лишних зависимостей
[ ] Оптимизированы ли изображения
[ ] Используется ли tree shaking

**Оптимизации:**

// ❌ Плохо
import HeavyLibrary from 'heavy-library'

// ✅ Хорошо
const HeavyLibrary = dynamic(() => import('heavy-library'), {
  loading: () => <Spinner />
})