React Table 스킬 샘플
공개된 LLM Guide 엔드포인트를 먼저 읽고 테이블을 만들도록 유도하는 에이전트용 재사용 프롬프트 템플릿입니다.
Skill Sample
아래 샘플은 Skill, Command, 또는 재사용 가능한 지침 블록으로 등록해 사용할 수 있습니다. 정확한 호출 문법은 에이전트마다 다르지만, 핵심은 동일합니다. 실제 react-table 요청을 이 프롬프트와 함께 전달해 에이전트가 필요한 가이드를 먼저 읽도록 하면 됩니다.
사용 개념
사용 중인 에이전트가 지원하는 방식으로 이 프롬프트를 등록한 뒤, 실제 사용자 요청을 함께 전달하세요. 어떤 도구는 커맨드 형태 호출을 지원하고, 어떤 도구는 저장된 프롬프트나 지침 파일 형태를 사용합니다.
가능한 커맨드형 호출 예시:
example
workspace%
$make-table 고객 테이블에 체크박스 선택과 멀티 정렬을 추가해줘스킬 호출 뒤에 이어지는 사용자 문장을 실제 react-table 요청으로 간주하라.
코드를 작성하기 전에 필요한 가이드는 제공된 엔드포인트 리스트 중 적절한 것을 호출(curl)해서 먼저 열람하라.
가이드 엔드포인트
- 기본 사용: columns, data, rowKey만으로 기본 테이블을 만들 때 읽는다.
curl https://www.mycrm-ui.com/document/react-table/basic-llm-guide.md
- 정렬: 단일 정렬이나 멀티 정렬이 필요할 때 읽는다.
curl https://www.mycrm-ui.com/document/react-table/sorting-llm-guide.md
- 체크박스 선택: 행 선택, 일괄 선택, 선택 상태 관리가 필요할 때 읽는다.
curl https://www.mycrm-ui.com/document/react-table/selection-llm-guide.md
- 필터: 텍스트 검색이나 셀렉트 필터처럼 컬럼별 필터가 필요할 때 읽는다.
curl https://www.mycrm-ui.com/document/react-table/filter-llm-guide.md
- 행 삭제 / 추가: 행 삭제 버튼이나 신규 행 입력 추가가 필요할 때 읽는다.
curl https://www.mycrm-ui.com/document/react-table/row-actions-llm-guide.md
- 인라인 편집: 셀 단위 편집, 유효성 검사, 편집 UI 커스터마이징이 필요할 때 읽는다.
curl https://www.mycrm-ui.com/document/react-table/editing-llm-guide.md
- 로딩 / 빈 상태: 로딩 표시와 빈 데이터 상태를 구분해서 처리해야 할 때 읽는다.
curl https://www.mycrm-ui.com/document/react-table/loading-llm-guide.md
- 가상 스크롤: 대용량 데이터, 고정 높이 행, 무한 스크롤이 필요할 때 읽는다.
curl https://www.mycrm-ui.com/document/react-table/virtual-scroll-llm-guide.md
- 컬럼 관리: 컬럼 숨김, 순서 변경, 고정, 너비 변경이 필요할 때 읽는다.
curl https://www.mycrm-ui.com/document/react-table/column-manager-llm-guide.md
- 확장 행: 부모-자식 구조의 확장형 행이나 중첩 테이블이 필요할 때 읽는다.
curl https://www.mycrm-ui.com/document/react-table/expand-llm-guide.md
- 행 클릭 / 키보드 내비게이션: 행 클릭, 더블클릭, 키보드 이동, 포커스 추적이 필요할 때 읽는다.
curl https://www.mycrm-ui.com/document/react-table/row-events-llm-guide.md
- 툴팁 / 복사: 셀 툴팁, 우클릭 복사, 복사 가능 컬럼 제어가 필요할 때 읽는다.
curl https://www.mycrm-ui.com/document/react-table/tooltip-copy-llm-guide.md
- 헤더 메뉴: 헤더 우상단 메뉴 액션이나 컬럼 메뉴 확장이 필요할 때 읽는다.
curl https://www.mycrm-ui.com/document/react-table/header-menu-llm-guide.md
- CSS 커스터마이징: 기능 변경 없이 classNames로 시각 스타일만 조정할 때 읽는다.
curl https://www.mycrm-ui.com/document/react-table/css-classnames-llm-guide.md
- ColumnDef 옵션: 어떤 컬럼 옵션을 켜야 할지 판단하거나 ColumnDef 구성을 정리할 때 읽는다.
curl https://www.mycrm-ui.com/document/react-table/column-def-llm-guide.md