@besaitech/ng-design-system-mcp (英语)
一个 MCP 磁共振 显示 @besaitech/ng-design-system
角组件库文档到AI编码工具(Claude Code, Cursor, Windsurf...).
它让助理查看真正的选择器、输入、enum值、输出(包括
双向 model() 更改活动),导出类型,内容-投影槽,设计符号,
注册图标名称、可复制示例和 Tailwind-v4 设置——然后 验证 页:1
它生成代码——因此它不再猜测API.
文档是 构建时从库源生成 并捆入这个
软件包为 data/docs.json,该版本被贴在它描述的图书库版上. 从来没有
飘来飘去,从不给网络打电话.
安装
向公众公布npm登记簿,与其所记录的图书馆相同:
npm install -g @besaitech/ng-design-system-mcp
没有瞄准镜映射, 没有 .npmrc 不需要任何纪念品.
注册服务器
克劳德代码
claude mcp add saitech-design-system -- npx -y @besaitech/ng-design-system-mcp
.mcp.json (承诺的消费回购)
{
"mcpServers": {
"saitech-design-system": {
"command": "npx",
"args": ["-y", "@besaitech/[email protected]"]
}
}
}
按下您安装的同一版本
@besaitech/ng-design-system因此,文档匹配 密码你飞了。 这个sds://meta资源及sds_get_setup呼应捆绑libraryVersion因此,代理可以确认 它的编码对什么.
光标/ 微风突起
在工具的 MCP 配置中使用相同的 stdio 命令(command: npx, (中文(简体) ), args: ["-y", "@besaitech/ng-design-system-mcp"]) (中文(简体) ).
它提供的东西
工具
| 工具 | 目的 |
|---|---|
sds_list_components | 发现目录( filter by kind 编号 : group(中文(简体) ) |
sds_get_component | 一个组件的完整 API( 模糊: 类名、 选择器或空名) |
sds_get_examples | 按款次分类的可复制文件 |
sds_search | 在名称、说明、输入、类型、实例之间搜索关键字 |
sds_validate_usage | 插入生成的标记( 选择器、 输入器、 enums、 需要、 图标、 CVA) [value](中文(简体) ) |
sds_validate_icon | 检查一个 <sds-icon name> (+建议) |
sds_get_token | 带有 Tailwind 工具+ CSS 变量的设计符号 |
sds_get_setup | 安装 + Tailwind- v4 核对表( # 1 “ 放弃未设置的” 固定) |
资源 —— 说 sds://docs.json, (中文(简体) ), sds://meta, (中文(简体) ), sds://component/{selectorOrClass}, (中文(简体) ),
sds://components/{selector}.md, (中文(简体) ), sds://llms.txt。 。 。 .
提示 —— 说 sds_generate_component_usage, (中文(简体) ), sds_scaffold_form, (中文(简体) ), sds_build_data_table。 。 。 .
贡献者模式( 单列内置)
从活的工作树上为文件服务(启动时从源重取,不重建):
node packages/mcp-server/dist/index.js --source /path/to/saitech-design-system
--data <path> 服务于特定 docs.json。 。 。 . --http 用于未来共享
实例(目前回到 stdio).
如何构建并发布( E)
从工作空间根 :
npm run docs:index # regenerate data/docs.json (+ docs/ by-products) from source
npm run build:mcp # docs:index, then tsc -> dist/
npm run release:mcp # bump, build, publish to npm
npm run release:all # release the library, then this server (lockstep)
prebuild:lib 在每个索引之前重新生成索引 ng build saitech-design-system和CI 数据
(单位:千美元)npm run check:docs如果承诺的指数偏离源头则失败.