Agent Skills › ag-grid/ag-charts › technology-stack

technology-stack

GitHub

定义AG Charts技术栈与架构约束，强调核心库零运行时依赖。涵盖TypeScript、Canvas渲染及React/Angular/Vue框架集成，指导技术选型、依赖添加及构建工具使用。

.rulesync/skills/technology-stack/SKILL.md ag-grid/ag-charts

Trigger Scenarios

选择前端图表库技术栈评估第三方依赖引入风险理解零依赖架构要求

Install

npx skills add ag-grid/ag-charts --skill technology-stack -g -y

More Options

Non-standard path

npx skills add https://github.com/ag-grid/ag-charts/tree/latest/.rulesync/skills/technology-stack -g -y

Use without installing

npx skills use ag-grid/ag-charts@technology-stack

指定 Agent (Claude Code)

npx skills add ag-grid/ag-charts --skill technology-stack -a claude-code -g -y

安装 repo 全部 skill

npx skills add ag-grid/ag-charts --all -g -y

预览 repo 内 skill

npx skills add ag-grid/ag-charts --list

SKILL.md

Frontmatter

{
    "name": "technology-stack",
    "targets": [
        "*"
    ],
    "description": "Technology stack and architectural constraints. Use when choosing technologies, adding dependencies, or understanding zero-dependency requirements."
}

AG Charts Technology Stack

This document outlines the preferred technologies and architectural constraints for the AG Charts monorepo.

Critical Requirement: Zero Runtime Dependencies

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.

Core Libraries

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:

TypeScript: Primary language with strict mode enabled
Canvas API: Custom high-performance rendering with scene graph
Pure JavaScript: No external runtime dependencies

Framework Wrappers

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`

Documentation Website (`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

Development & Build Tools

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