メニュー
Technology stack and architectural constraints. Use when choosing technologies, adding dependencies, or understanding zero-dependency requirements.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
SOC 職業分類に基づく
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/ag-grid/ag-charts --skill technology-stackコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
SKILL.md を表示中
| targets | ["*"] |
| name | technology-stack |
| description | Technology stack and architectural constraints. Use when choosing technologies, adding dependencies, or understanding zero-dependency requirements. |
This document outlines the preferred technologies and architectural constraints for the AG Charts monorepo.
The main AG Charts libraries (ag-charts-core, ag-charts-community, ag-charts-enterprise) MUST have ZERO third-party runtime dependencies. Only internal AG Charts packages and dev dependencies for build/test tooling are allowed.
| Package | Runtime Dependencies | Purpose |
|---|---|---|
ag-charts-types | NONE (zero dependencies) | TypeScript type definitions |
ag-charts-core | ag-charts-types only | Core rendering engine and utilities |
ag-charts-locale | NONE (zero dependencies) | Internationalization (40+ languages) |
ag-charts-community | ag-charts-core, ag-charts-types, ag-charts-locale | MIT licensed charts library |
ag-charts-enterprise | ag-charts-community, ag-charts-core | Commercial charts with advanced features |
Core Technologies:
| Package | Runtime Dependencies | Peer Dependencies |
|---|---|---|
ag-charts-react | ag-charts-community | react ^18.0.0 || ^19.0.0 |
ag-charts-angular | ag-charts-community, tslib | @angular/common >= 17.0.0, @angular/core >= 17.0.0 |
ag-charts-vue3 | ag-charts-community | vue ^3.5.0 |
ag-charts-website)| Technology | Purpose |
|---|---|
| Astro (v5.8.2) | Static site generator |
| Markdoc | Content authoring for documentation |
| React | Interactive components within Astro |
| Vite | Development server and build tool |
| Prism.js | Syntax highlighting |
| Algolia | Documentation search |
| Nanostores | Lightweight state management |
| Cheerio | Server-side HTML parsing |
| Tool | Purpose | Used By |
|---|---|---|
| Nx (v20.3.1) | Monorepo orchestration and caching | All packages |
| TypeScript (v5.4.5) | Type checking and compilation | All packages |
| SWC | Fast transpilation | Build system |
| ESBuild | High-performance bundling | Production builds |
| Jest | Unit testing with visual snapshots | Core libraries |
| Playwright | E2E testing | Website |
| Vitest | Fast unit testing | Website components |
| ESLint | Code linting with custom rules | All packages |
| Prettier | Code formatting | All packages |
| Size Limit | Bundle size monitoring | Core libraries |
AG Charts runtime hot paths: which files run per datum, per frame or per interaction, the invariants each tier must hold, and how to evidence a performance claim. Use when reviewing a change that touches series, scene, data-model, scale, interaction or DOM code, when asked whether a diff will cost performance, or when deciding which benchmark to run.
Find the actual runtime default value of any AG Charts configuration option, and keep JSDoc `Default:` markers accurate. Use when documenting a default, verifying a change has not altered one, writing tests against default behaviour, or auditing whether a TypeScript comment matches the theme template.
Migrate a series type from ratio-snapshot animation tests and manual -test docs pages to frame-trajectory coverage. Use when converting a series (area, pie, scatter, histogram, range-bar, candlestick, radar, …) to the trajectory harness.