backoffice-react

Installation
SKILL.md

Backoffice React Skill

backoffice 운영 화면을 설계할 때 쓰는 decision skill이다. 목표는 generic React 팁이 아니라 화면 archetype, state ownership, bulk-action/form 경계, lazy boundary를 결정하는 것이다.

Use when

  • list/detail/form/dashboard/bulk-action 중 어떤 화면인지 먼저 정해야 할 때
  • query params, component state, form state의 ownership을 나눠야 할 때
  • table/search/filter/pagination/bulk action/confirm/export 경계를 정해야 할 때
  • 무거운 화면에서 lazy import boundary를 어디에 둘지 결정할 때

Do not use for

  • MiniApp/AppInToss capability 탐색: docs-search 또는 공식 문서
  • Granite route/page/navigation 설계: granite-routing
  • TDS UI 선택: tds-ui
  • provider runtime layout, 원격 상태, client 연결 점검: provider skill
  • tRPC contract, router, import order 변경: trpc-boundary
Related skills
Installs
11
First Seen
Mar 22, 2026