Skill Sample

React Table Skill Sample

A reusable prompt template for agents that should read the published LLM guide endpoints before building a table.

Skill Sample

You can register the sample below as a Skill, Command, or reusable instruction block. The exact invocation syntax depends on the agent, but the core idea is the same: pass the user's real react-table request together with this prompt so the agent reads the relevant guides first.

Usage idea

Register this prompt in the way your agent supports, then provide the user's request together with it. Some tools may support a command-style invocation, while others may use saved prompts or instruction files.

One possible command-style example:

example

workspace%$make-table Add checkbox selection and multi-sort to the customer table

Treat the user's text that follows the skill invocation as the actual react-table request.
Before writing code, inspect the appropriate guides by calling the relevant curl endpoints from the provided list.

Guide endpoints
- Basic Usage: Read this when building a basic table with only columns, data, and rowKey.
curl https://www.mycrm-ui.com/document/react-table/basic-llm-guide-en.md
- Sorting: Read this when single-column or multi-column sorting is required.
curl https://www.mycrm-ui.com/document/react-table/sorting-llm-guide-en.md
- Selection: Read this when row selection, bulk selection, or selected key state is needed.
curl https://www.mycrm-ui.com/document/react-table/selection-llm-guide-en.md
- Filter: Read this when column-level text or select filters are needed.
curl https://www.mycrm-ui.com/document/react-table/filter-llm-guide-en.md
- Row Actions: Read this when delete-row actions or add-row input flows are needed.
curl https://www.mycrm-ui.com/document/react-table/row-actions-llm-guide-en.md
- Inline Editing: Read this when inline cell editing, validation, or edit UI customization is needed.
curl https://www.mycrm-ui.com/document/react-table/editing-llm-guide-en.md
- Loading / Empty State: Read this when loading and empty states must be handled separately.
curl https://www.mycrm-ui.com/document/react-table/loading-llm-guide-en.md
- Virtual Scroll: Read this when large datasets, fixed row height, or infinite loading are required.
curl https://www.mycrm-ui.com/document/react-table/virtual-scroll-llm-guide-en.md
- Column Manager: Read this when columns need hiding, reordering, pinning, or width control.
curl https://www.mycrm-ui.com/document/react-table/column-manager-llm-guide-en.md
- Expandable Rows: Read this when expandable parent-child rows or nested row structures are needed.
curl https://www.mycrm-ui.com/document/react-table/expand-llm-guide-en.md
- Row Click / Keyboard Navigation: Read this when row click events, double click, keyboard navigation, or focus tracking is needed.
curl https://www.mycrm-ui.com/document/react-table/row-events-llm-guide-en.md
- Tooltip / Copy: Read this when cell tooltips, right-click copy, or copyable columns are needed.
curl https://www.mycrm-ui.com/document/react-table/tooltip-copy-llm-guide-en.md
- Header Menu: Read this when header action menus or column-level menu extensions are needed.
curl https://www.mycrm-ui.com/document/react-table/header-menu-llm-guide-en.md
- CSS Customization: Read this when only visual styling should change through classNames.
curl https://www.mycrm-ui.com/document/react-table/css-classnames-llm-guide-en.md
- ColumnDef Options: Read this when deciding which ColumnDef options should be enabled for a column.
curl https://www.mycrm-ui.com/document/react-table/column-def-llm-guide-en.md