用途:该技能面向使用 Semi Design 组件库的开发任务,帮助查询组件文档、了解组件 API、生成组件代码以及排查使用问题。Semi Design 是字节跳动推出的企业级 UI 组件库,此技能需配合 Semi MCP 工具使用。
主要能力:由两份文档构成。WORKFLOWS.md 提供使用 Semi MCP 工具的完整工作流程,涵盖 get_semi_document、get_component_file_list、get_file_code、get_function_code 四个工具的功能与使用场景,并给出基础查询四步流程:查找组件、查询详情、查看源码、查看函数实现;同时包含 Table 筛选、表单验证、级联选择器、拖拽排序等常见任务示例,以及指定版本查询、获取完整代码、错误排查等技巧。BEST_PRACTICES.md 提供最佳实践,包括组件、图标、样式的直接 import 引入方式,主题定制(引导查阅官方定制文档),React 19 兼容性说明,以及 props 无法满足需求时通过继承扩展 Semi 组件和修改组件内部 UI 的方法。
使用方式:使用前需配置 Semi MCP,配置示例为 mcpServers 中设置 semi-mcp,command 用 npx,args 为 -y @douyinfe/semi-mcp。当需要查询组件文档、了解组件 API 或实现具体功能但不确定如何下手时使用 WORKFLOWS.md;当需要确保代码符合最佳实践或解决疑难问题时使用 BEST_PRACTICES.md。
适用场景:查询 Semi Design 组件、生成组件代码、解决组件使用问题。
限制:该技能依赖已配置的 Semi MCP 工具;资料未提供具体收费、价格、支持平台或效果承诺等信息。