崗位職責(zé):
1. 智能交互設(shè)計(jì):基于 React/Next.js 構(gòu)建 Dify 智能體前端界面,重點(diǎn)實(shí)現(xiàn)可視化工作流編排(如 Chatflow、Workflow)、實(shí)時(shí)數(shù)據(jù)可視化(ECharts/Datav)及多模態(tài)交互(文本 / 圖像 / 音頻輸入輸出)。
2. 組件庫(kù)與工具鏈:設(shè)計(jì)并維護(hù)通用 UI 組件庫(kù),集成 AI 輔助開(kāi)發(fā)工具(如 GitHub Copilot),提升研發(fā)效能;優(yōu)化頁(yè)面加載速度,確保跨平臺(tái)(Web / 小程序)適配與響應(yīng)式設(shè)計(jì)。
3. 數(shù)據(jù)與狀態(tài)管理:與后端 API 無(wú)縫對(duì)接,實(shí)現(xiàn)權(quán)限控制(OAuth/RBAC)、多租戶數(shù)據(jù)隔離;使用 Redux/Zustand 等工具管理復(fù)雜狀態(tài),支持 AI 交互過(guò)程的上下文存儲(chǔ)與回溯。
4. 插件與生態(tài)集成:開(kāi)發(fā)前端插件擴(kuò)展 Dify 功能,例如 AI 助手的后續(xù)問(wèn)題建議、文字轉(zhuǎn)語(yǔ)音等;支持 OpenAPI 規(guī)范工具的導(dǎo)入與調(diào)用。
5. 用戶體驗(yàn)優(yōu)化:參與 A/B 測(cè)試,通過(guò)日志分析與用戶反饋迭代界面設(shè)計(jì),提升智能體交互的自然度與易用性。
任職要求:
1. 技術(shù)棧匹配:精通 React/TypeScript,熟悉 Next.js、ReactFlow 及 WebSockets,具備前端性能優(yōu)化(SSR/SSG、代碼拆分)經(jīng)驗(yàn)。
2. Dify 場(chǎng)景實(shí)踐:1 年以上 Dify 前端開(kāi)發(fā)經(jīng)驗(yàn),能獨(dú)立完成 AI 應(yīng)用模板(如聊天機(jī)器人、文本生成)的落地,熟悉提示詞 IDE 與工作流調(diào)試工具。
3. 工程化能力:掌握 Webpack/Vite 構(gòu)建工具,熟悉單元測(cè)試(Jest)與持續(xù)集成,具備跨團(tuán)隊(duì)協(xié)作開(kāi)發(fā)經(jīng)驗(yàn)。
4. AI 交互設(shè)計(jì):理解 LLM 應(yīng)用邏輯,能設(shè)計(jì)符合用戶習(xí)慣的 AI 對(duì)話界面,熟悉多模態(tài)輸入(如文件上傳、語(yǔ)音識(shí)別)的前端實(shí)現(xiàn)。
5. 學(xué)習(xí)與協(xié)作:關(guān)注前端技術(shù)趨勢(shì)(如 React Server Components、Svelte),能快速掌握新技術(shù)并推動(dòng)團(tuán)隊(duì)技術(shù)升級(jí)。
加分項(xiàng):
? 具備 AI 數(shù)據(jù)標(biāo)注、提示詞可視化設(shè)計(jì)經(jīng)驗(yàn),或參與過(guò) Dify 插件市場(chǎng)開(kāi)源項(xiàng)目。
? 熟悉國(guó)際化開(kāi)發(fā)(i18n),或有企業(yè)級(jí) SaaS 產(chǎn)品前端架構(gòu)設(shè)計(jì)經(jīng)驗(yàn)。
? 理解生成式 AI 在企業(yè)中的應(yīng)用場(chǎng)景,如智能客服、流程自動(dòng)化,能將技術(shù)方案與業(yè)務(wù)需求結(jié)合。
? 跟蹤 AI 與低代碼領(lǐng)域的技術(shù)動(dòng)態(tài),如 Dify 新版本特性、LLM 模型更新,主動(dòng)探索前沿工具(如 AutoGPT、LangChain)。