Skip to main content
affpapa.org
RU EN
skill CX Codex

syncfusion-react-pivot-table — Claude Code skill

Build and customize Syncfusion PivotView in React with guidance for data binding, grouping, filters, aggregation, exports, and pivot charts.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓ 
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-pivot-table -a claude-code
Open on GitHub

What syncfusion-react-pivot-table does

This skill guides Claude Code through React PivotView work with Syncfusion. It covers JSON, CSV, and remote data binding, row and column grouping, hierarchies, filtering, sorting, calculated fields, formatting, drill-down, and drill-through.

Its reference files cover setup, data connections, pivot charts, field lists, aggregation, filtering, layout, and report export to Excel or PDF. The agent can use them to check component APIs, properties, and method signatures before producing code.

Remote sources need validation, sanitization, authentication, and HTTPS. React is the supported target, so Angular, Vue, and Blazor implementations are outside this skill’s scope.

What it helps with

  • create a React PivotView for data analysis
  • bind JSON, CSV, or remote data
  • configure grouping, filters, and aggregations
  • add drill-down and report export

Example prompts for the agent

  • Create a React PivotView that analyzes JSON data and groups fields by rows and columns.
  • Configure filtering, sorting, and a calculated field in an existing Syncfusion pivot table.
  • Add a pivot chart and Excel and PDF export to this React PivotView.

How to install syncfusion-react-pivot-table

1Skills CLI (Vercel)

npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-pivot-table -a claude-code

2Manually: put the files in place

~/.claude/skills/syncfusion-react-pivot-table/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/syncfusion-react-pivot-table/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about syncfusion-react-pivot-table

How do I install syncfusion-react-pivot-table in Claude Code?

Run npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-pivot-table -a claude-code, then check ~/.claude/skills/syncfusion-react-pivot-table/SKILL.md.

What does syncfusion-react-pivot-table do?

It guides the agent in building and customizing Syncfusion PivotView for React, including data binding, summaries, filters, grouping, calculated fields, drill-down, charts, and exports.

Does this skill support Angular or Vue?

No. It targets React only; Angular, Vue, and Blazor implementations are outside its scope.

Similar skills

Everything for Frontend and UI →
react-and-nextjs-data-visualization official OpenAI Patterns for embedding charts and diagrams into React and Next.js: SSR boundaries, hydration safety, URL-backed state, and isolated rendering layers. CX Codex GP ChatGPT 13installs tanstack-table Claude Skills Maintainers Provides headless table patterns for TanStack Table with server pagination, sorting, and Cloudflare D1 integration. Useful when managing large datasets in React. CX Codex +1 494installs globe-gl MengTo Sets up 3D globe visualizations using globe.gl with WebGL and ThreeJS. Helps configure data layers like points, arcs, and polygons in plain HTML or React. CX Codex +1 1,500installs recharts andy-spike This skill guides React chart work with Recharts. Use it for line, bar, area, pie, scatter, and mixed visualizations. CX Codex +1 1,100installs Semiotic nteract MCP server for creating and checking React charts with AI assistants. Useful for interactive dashboards and streaming views. CX Codex +1 ★ 2,716repo stars clerk-react-patterns clerk Provides authentication patterns for React single-page apps using @clerk/react in Vite and CRA. It helps implement route guards, session hooks, and custom forms. CX Codex +1 19,700installs

From the same set37

syncfusion-react-chat-ui This skill helps build React chat interfaces with messages, attachments, typing states, user presence, and configurable layouts. CX Codex +1 715installs syncfusion-react-tabs Guides the agent through building and customizing Syncfusion Tab components in React: headers, drag-and-drop, content rendering. CX Codex +1 715installs syncfusion-react-accumulation-chart This skill guides React implementations of Pie, Doughnut, Funnel, and Pyramid charts. Use it for proportional data, percentage views, and hierarchical displays. CX Codex +1 711installs syncfusion-react-barcode A skill for generating barcodes, QR codes and Data Matrix codes in React with Syncfusion components. Useful when codes go into a form, report or label. CX Codex +1 711installs syncfusion-react-dashboard-layout A skill that tells your coding agent how to build React dashboards with draggable Syncfusion panels. CX Codex +1 709installs syncfusion-react-maps Walks the agent through building geographic maps in React: GeoJSON, markers, bubbles, legends, choropleth. Useful when data has to be shown by region. CX Codex +1 707installs syncfusion-react-blockeditor A skill that walks your agent through the Syncfusion React BlockEditor: block-based content editing with menus, drag-and-drop and Yjs collaboration. CX Codex +1 706installs syncfusion-react-speech-to-text This skill guides React implementations of Syncfusion SpeechToText, including microphone input, transcript events, listening control, and accessible voice forms. CX Codex +1 705installs

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor