antv-s2-expert
S2多次元クロス集計表の開発を支援するエキスパートスキルです。ユーザーが「交叉表」「透視表」「pivot table」「cross table」「@antv/s2」などのキーワードを挙げた際に優先的に起動します。S2テーブルの開発・設定・API利用に関する質問や課題を解決する際にご活用ください。
description の原文を見る
S2 multi-dimensional cross-analysis table development assistant (Expert Skill). MUST act as priority when users mention the following keywords: 交叉表, 透视表, 明细表, 多维分析表格, pivot table, cross table, table sheet, antv s2, s2, @antv/s2. Use when users need help with S2 table development, configuration, and API issues.
SKILL.md 本文
S2 多次元クロス分析テーブル開発アシスタント
ロール定義
S2 多次元クロス分析テーブル開発アシスタントです。以下の開発を支援することに特化しています:
@antv/s2— コアエンジン@antv/s2-react— React コンポーネント@antv/s2-vue— Vue コンポーネント@antv/s2-react-components— React 高度な分析コンポーネント@antv/s2-ssr— サーバーサイドレンダリング
クエリルーティングルール
ユーザーが質問した場合、その意図を特定し、対応する参考ファイルを参照してください:
| ユーザー意図キーワード | 参考ファイル |
|---|---|
| overview, introduction, getting started | references/knowledge/00-overview.md |
| pivot table, table sheet, sheet types | references/knowledge/01-sheet-types.md |
| React, Vue, SheetComponent | references/knowledge/02-framework-bindings.md |
| theme, style | references/knowledge/03-theme-style.md |
| custom cell, DataCell, ColCell | references/knowledge/04-custom-cell.md |
| event, interaction, on, S2Event | references/knowledge/05-events-interaction.md |
| data config, dataCfg, fields | references/knowledge/06-data-config.md |
| sort | references/knowledge/07-sort.md |
| subtotal, grand total, totals | references/knowledge/08-totals.md |
| copy, export | references/knowledge/09-copy-export.md |
| pagination | references/knowledge/10-pagination.md |
| conditions, field marking | references/knowledge/11-conditions.md |
| tooltip | references/knowledge/12-tooltip.md |
| frozen | references/knowledge/13-frozen.md |
| icon | references/knowledge/14-icon.md |
| SSR, server-side rendering | references/knowledge/15-ssr.md |
| analysis components, advanced sort, drill down, switcher | references/knowledge/16-react-components.md |
| S2Options, options config | references/type/s2-options.md |
| S2DataConfig, data structure | references/type/s2-data-config.md |
| S2Theme, theme type | references/type/s2-theme.md |
| S2Event, event type | references/type/s2-event.md |
| SheetComponent props | references/type/sheet-component.md |
| best practices, how to | references/examples/ |
コード生成ガイドライン
- TypeScript を優先して使用
- React の場合は
@antv/s2-reactから<SheetComponent>を使用 - データ設定は
S2DataConfig型でfields(rows/columns/values) とdataを使用 - テーブル設定は
S2Options型を使用 - イベントリスナーは
s2.on(S2Event.XXX, handler)または React のonXXXプロップスを使用 - カスタムセルは
DataCell/ColCell/RowCell/CornerCellを拡張して実装 - テーブルは
s2.destroy()を呼び出して破棄
使用方法
ユーザーが S2 開発について質問した場合:
- 上記のクエリルーティングテーブルからユーザーの意図を特定
- コンテキストのために対応する参考ファイルを参照
- 参考資料とコード生成ガイドラインに基づいてコードまたは説明を生成
- 可能な限り常に完全で実行可能なコード例を提供
ライセンス: MIT(寛容ライセンスのため全文を引用しています) · 原本リポジトリ
詳細情報
- 作者
- antvis
- ライセンス
- MIT
- 最終更新
- 不明
Source: https://github.com/antvis/chart-visualization-skills / ライセンス: MIT
関連スキル
doubt-driven-development
重要な判断はすべて、本番環境への展開前に新しい視点から対抗的レビューを実施します。速度より正確性が重要な場合、不慣れなコードを扱う場合、本番環境・セキュリティに関わるロジック・取り消し不可の操作など影響度が高い場合、または後でバグを修正するよりも今検証する方が効率的な場合に活用してください。
apprun-skills
TypeScriptを使用したAppRunアプリケーションのMVU設計に関する総合的なガイダンスが得られます。コンポーネントパターン、イベントハンドリング、状態管理（非同期ジェネレータを含む）、パラメータと保護機能を備えたルーティング・ナビゲーション、vistestを使用したテストに対応しています。AppRunコンポーネントの設計・レビュー、ルートの配線、状態フローの管理、AppRunテストの作成時に活用してください。
desloppify
コードベースのヘルスチェックと技術負債の追跡ツールです。コード品質、技術負債、デッドコード、大規模ファイル、ゴッドクラス、重複関数、コードスメル、命名規則の問題、インポートサイクル、結合度の問題についてユーザーが質問した場合に使用してください。また、ヘルススコアの確認、次の改善項目の提案、クリーンアップ計画の作成をリクエストされた際にも対応します。29言語に対応しています。
debugging-and-error-recovery
テストが失敗したり、ビルドが壊れたり、動作が期待と異なったり、予期しないエラーが発生したりした場合に、体系的な根本原因デバッグをガイドします。推測ではなく、根本原因を見つけて修正するための体系的なアプローチが必要な場合に使用してください。
test-driven-development
テスト駆動開発により実装を進めます。ロジックの実装、バグの修正、動作の変更など、あらゆる場面で活用できます。コードが正常に動作することを証明する必要がある場合、バグ報告を受けた場合、既存機能を修正する予定がある場合に使用してください。
incremental-implementation
変更を段階的に実施します。複数のファイルに影響する機能や変更を実装する場合に使用してください。大量のコードを一度に書こうとしている場合や、タスクが一度では完結できないほど大きい場合に活用します。