1 项目介绍

OpenTiny 是一套企业级 Web 前端开发解决方案，提供跨端、跨框架、跨版本的 TinyVue 组件库，包含灵活可扩展的低代码引擎 TinyEngine，拥有 TinyNG 组件库 / 主题配置系统 TinyTheme / 中后台模板 TinyPro/ TinyCLI 命令行等丰富的效率提升工具，可帮助开发者高效开发 Web 应用。

项目官网：https://opentiny.design

项目仓库：https://github.com/opentiny

2 赛题说明

2.1 赛题目的

通过 TinyVue 组件库跨技术栈的架构，复用无渲染层逻辑并使用插件将模板转化成对应技术栈的函数式组件，最终开发出 Solid、React、openInula 组件库。

通过使用 TinyEngine 低代码引擎，开发低代码相关应用或者生态产品，推动低代码平台生态建设。

2.2 赛项任务

备注：可以任选一项或多项进行参与，最终得分以最高分任务为主。

（1）开发 TinyReact 组件库。首先通过 TinyVue 跨技术栈的架构，开发出 react-common 适配层去抹平 React 技术栈和 Vue 技术栈之间的差异，并复用 renderless 无渲染逻辑。其次开发插件（Vite 插件）可以将模板转换成 React 对应的函数组件的文件。最终开发出 TinyReact 组件库。

（2）开发 TinySolid 组件库。首先通过 TinyVue 跨技术栈的架构，开发出 solid-common 适配层去抹平 Solid 技术栈和 Vue 技术栈之间的差异，并复用 renderless 无渲染逻辑。其次开发插件（Vite 插件）可以将模板转换成 Solid 对应的函数组件的文件。最终开发出 TinySolid 组件库。

（3）开发 TinyInula 组件库。首先通过 TinyVue 跨技术栈的架构，开发出 openInula-common 适配层去抹平 openInula 技术栈和 Vue 技术栈之间的差异，并复用 renderless 无渲染逻辑。其次开发插件（Vite 插件）可以将模板转换成 openInula 对应的函数组件的文件。最终开发出 TinyInula 组件库。

（4）新组件库物料适配接入 TinyEngine 低代码引擎。TinyEngine 低代码引擎支持多种物料录入，通过适配其他主流组件库组件属性，提供其他新组件库的 bundle.json 物料文件，使之能够在 TinyEngine 低代码引擎中接入使用。

（5）开发 TinyEngine 低代码引擎通用功能插件。TinyEngine 低代码引擎采用插件式架构，主要分为 toolbars、plugins、settings、theme 等类型，通过开发 TinyEngine 低代码引擎相关实用插件拓展 TinyEngine 低代码引擎的功能。

（6）基于 TinyEngine 低代码引擎二次开发设计器打造领域专属设计器。通过开发新的 canvas 和相应的插件，打造其他类型设计器，如流程编排类型/资源编排类型/中后台管理类型等。

（7）AI 智能助手、AI 技术与 TinyEngine 低代码引擎功能的结合落地。通过完善当前 AI 助手插件，或将 AI 技术与低代码引擎功能结合，提升用户体验。

大赛最终解释权归开放原子开源基金会及共建方所有。