component-plugins
Installation
SKILL.md
Markdown 插件开发
为 MarkdownEditor 提供图表、代码高亮、Mermaid、公式与格式化等插件能力。
源码位置
- 图表:
src/Plugins/chart/(LineChart、BarChart、AreaChart、DonutChart、RadarChart、ScatterChart、FunnelChart 等) - 代码:
src/Plugins/code/(CodeBlock 等) - Mermaid:
src/Plugins/mermaid/ - KaTeX:
src/Plugins/katex/ - 格式化:
src/Plugins/formatter/ - 默认插件注册:
src/Plugins/defaultPlugins等
主要能力
- 图表:Chart.js 等,支持多种图表类型与配置
- 代码:ACE 等,语言高亮与主题
- Mermaid:流程图、时序图等
- KaTeX:数学公式
- Formatter:代码格式化
开发规范
- 插件接口与 MarkdownEditor 的
plugins约定一致;样式使用 token。 - 新增插件时在 defaultPlugins 或文档中注册,并补充类型。
修改或新增插件时,参考 src/Plugins/ 与 AGENTS.md。
Related skills
More from antdigital-ai/agentic-ui
agentic-ui-development
Guides development workflow, design system, scripts, and component inventory for @ant-design/agentic-ui. Use when onboarding, adding new components, running build/test/docs, or asking about project structure, conventions, or component list. Triggers on agentic-ui, development workflow, 开发流程, 组件清单, 设计系统, 新组件, build, test, docs, AGENTS.md.
38gh-create-pr
使用 GitHub CLI (gh) 推送当前分支并创建或更新 PR。在用户说「提 PR」「新建 PR」「用 gh 建 PR」「submit PR」「create pull request」时使用。
1markdown-syntax-guide
指导用户使用 Markdown Editor / Markdown 渲染器的扩展语法。在用户询问如何写表格、视频、图表、卡片、提示块、Mermaid、apaasify 等语法时使用。Triggers on keywords like 表格, 视频, 图表, 卡片, 提示块, 语法, 怎么写, how to write table chart video card.
1