Performance

projection-patterns는 팀이 CQRS 읽기 모델과 이벤트 스트림 프로젝션을 설계할 수 있도록 돕는 스킬로, Backend Development 맥락에서 프로젝션 유형, 리플레이, 체크포인팅, 활용 방식에 대한 실무적인 가이드를 제공합니다.

godot-gdscript-patterns는 Godot 4 사용자가 더 나은 씬 구조, signals, state machines, autoloads, async loading 패턴으로 GDScript를 생성하고 검토할 수 있도록 돕습니다. 게임플레이 시스템, UI 흐름, 유지보수하기 쉬운 프로젝트 코드에 검증된 Godot 아키텍처를 적용하려 할 때 유용합니다.

vercel-react-best-practices는 Vercel Engineering에서 만든 스킬로, AI 에이전트가 React와 Next.js 성능을 최적화하도록 워터폴, 번들 크기, 렌더링 관련 우선순위 규칙을 안내합니다.

overdrive는 대담한 UI 디자인을 위한 GitHub 스킬로, 팀이 맥락을 반영한 고임팩트 인터랙션을 선택하고 구현하도록 돕습니다. 구현에 앞서 필요한 디자인 준비를 거쳐, 돋보이는 모션, 성능 부담이 큰 UI, 완성도 높은 고급 플로우를 기획할 때 활용할 수 있습니다.

optimize 스킬은 로딩 시간, 렌더링, 애니메이션, 이미지, 번들 크기 전반에서 UI 성능 문제를 진단하고 개선하는 데 도움을 줍니다. 웹 앱과 인터랙티브 프런트엔드에서 병목을 측정하고, 우선순위 높은 수정 사항을 정리하며, 개선 효과를 검증할 때 활용할 수 있습니다.

audit skill은 접근성, 성능, 테마 적용, 반응형 동작, 안티패턴 전반에 걸쳐 구조화된 기술 UI 리뷰를 수행합니다. 특정 페이지, 기능, 또는 컴포넌트를 대상으로 점수화된 결과, P0~P3 심각도 등급, 그리고 실행 가능한 액션 플랜을 반환합니다. 디자인 맥락을 먼저 수집한 뒤 사용하는 것이 가장 적합합니다.

supabase-postgres-best-practices는 쿼리 튜닝, 인덱싱, 스키마 설계, RLS 성능, 락, 커넥션 관리에 초점을 맞춘 Supabase Postgres 최적화 스킬입니다.

next-cache-components는 Next.js 16의 Cache Components 사용법을 안내합니다. `cacheComponents` 활성화, `use cache` 사용, `cacheLife` 설정, `cacheTag` 적용, 그리고 Suspense로 동적 섹션을 스트리밍하는 방법을 다룹니다.

audit-website 스킬은 `squirrel` CLI를 사용해 SEO, 기술, 콘텐츠, 성능, 보안, 링크, 사이트 상태를 포함한 230개 이상의 규칙으로 웹사이트와 웹앱을 감사하고, 바로 활용할 수 있는 LLM용 실행 보고서를 반환합니다.