Fetcher viewer components
Skill Ahoo-Wang/skills/plugins/ahoo-fetcher-skills/skills/fetcher-viewer-components
A central aggregation repository for Agent Skills from Ahoo-Wang's open source projects.
npx -y skills add Ahoo-Wang/skills --skill fetcher-viewer-componentsAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- 3 stars3 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
What its author says it does
Copied from the file, not written here
Use when building Fetcher Viewer React and Ant Design data table experiences, including FetcherViewer, Viewer, View, ViewTable, FilterPanel, EditableFilterPanel, view management, TopBar actions, row selection, column settings, cell renderers, and form controls.
SKILL.md
2.1 KB, as published. Nobody here has run it
fetcher-viewer-components
Use This Skill When
- The task involves data tables, filtering, view management, or Fetcher Viewer components.
- The task mentions
FetcherViewer,Viewer,View,ViewTable,FilterPanel, orEditableFilterPanel. - The task needs TopBar actions, row selection, primary or batch actions, column settings, or saved views.
- The task needs cell renderers, remote select, tag input, number range, or locale support.
Workflow
- Choose
FetcherViewerfor the full data-loading and view-persistence orchestrator. - Choose
ViewerorViewwhen the caller controls loading, persistence, or layout state directly. - Define field, filter, column, action, and pagination contracts before composing components.
- Use registries for filter and cell customization instead of scattering one-off render logic.
- Load
references/api.mdfor prop maps, component hierarchy, filter/cell examples, and integration patterns.
Key Practices
- Keep operational UI dense and predictable; avoid marketing-style layouts around viewer components.
- Prefer typed cell renderers and filter components over ad hoc table render functions.
- Route data-fetching hook questions to
fetcher-react-hooksunless the table/viewer integration is central.
References
references/api.md: Detailed package API, examples, and edge-case guidance. Load it only when the task needs component hierarchy, package imports, FetcherViewer props, Viewer and View examples, filter system, cell components, data entry controls, locale support, and React hook integration.
Related Skills
- $fetcher-react-hooks: Use for data-fetching and query state hooks.
- $fetcher-wow-cqrs: Use for Wow query clients backing viewer data.
- $fetcher-cosec-auth: Use when viewer data access is tenant or policy aware.