AI Frontend / Full Stack

前端/ AI 应用工程师

9 年开发经验,做过 Android、小程序、Web 前端和部分后端。现在主要做 Vue 业务系统、数据看板、权限鉴权,也把 AI 工具放进日常开发流程。

我在青岛。早期做 ToC App 和小程序,后来主要负责地铁内部系统、门户、看板和智能体相关项目。日常会用 AI 拆需求、写代码、查问题、补测试和整理文档,但代码边界、业务判断和上线质量还是自己把关。

AI Assistant

右侧小人可以直接问简历

这个对话会根据我的简历信息和脱敏项目资料回答。点击右侧 AI 小人就能开始聊。

不用跳转,点小人就能问

右侧的 AI 小人会跟随主题变成墨灵或光灵。点击它会打开对话抽屉,可以直接问项目、技术栈、AI 使用方式、岗位匹配和内部项目怎么脱敏展示。

项目经历

了解移动端、业务系统、数据看板和运管智能体这些项目。

AI 工作流

看看我平时怎么用 AI 拆需求、写代码、查问题和补测试。

脱敏表达

内部项目不能直接公开,我会说明哪些内容可以安全展示。

推荐问题

近期维护

近期动态

这里记录我最近对个人站、AI 工具和公开作品做过的更新,方便后续持续维护。

项目迭代2026-06

整理个人站文案

把页面里偏模板化的表达改成更接近真实经历的说法,减少空泛标签。

个人站文案求职
AI工具2026-06

接入 DeepSeek 简历问答

用本地简历知识库配合 DeepSeek,让访问者可以直接询问项目、技术栈和岗位匹配。

DeepSeekAI助手知识库
项目迭代2026-06

增加右侧 AI 小人

把 AI 问答入口做成可拖动的小人,减少跳转成本,也让页面更有记忆点。

交互AI小人动效
作品更新2026-06

优化水墨和科技主题

保留科技粒子效果,同时增加水墨主题、鼠标粒子和古文漂浮效果。

主题粒子水墨
技术观察2026-06

持续整理 AI 编码流程

日常使用 Codex、Claude Code、Cursor 等工具,把高频开发流程整理成可复用的方法。

CodexClaude CodeCursor工作流

公开作品

作品实验室

这里放可以公开访问或公开描述的个人作品,和工作项目案例分开维护。

个人简介站首页、AI 小人和主题动效展示

李智超个人简介站

用于展示个人经历、项目案例、AI 工作流和公开作品的个人站。

负责:独立设计和开发,负责页面结构、主题、动效、AI 问答、联系表单和部署配置。

水墨/科技主题粒子动效右侧 AI 小人DeepSeek 简历问答邮件联系
Next.jsTypeScriptVercelDeepSeekResend
访问 李智超个人简介站
tulingos.cn AI 生图网站界面展示

tulingos.cn AI 生图网站

基于 AI 图像生成能力的独立网站,用来验证生图产品体验和模型接入流程。

负责:负责前端体验、模型能力接入、页面流程和部署维护。

AI 生图模型接入前端体验独立部署产品化尝试
AI ImageFrontendModel APIDeployment
访问 tulingos.cn AI 生图网站

AI Workflow

我平时怎么用 AI

AI 主要帮我做整理、生成初稿和检查遗漏;业务判断、代码边界和上线风险还是自己负责。

1

需求拆解

AI 负责
把模糊需求先整理成目标、约束、风险和验收点。
我负责
确认业务背景、安全边界、优先级,以及哪些信息不能公开。
产出
任务说明、风险清单和可执行范围。
2

方案设计

AI 负责
列模块、数据流、组件边界、异常状态和测试路径。
我负责
判断方案是否适合现有项目结构、团队习惯和维护成本。
产出
实现方案和需要人工确认的关键点。
3

编码实现

AI 负责
生成初稿、补类型、写组件草案、接口调用和测试样例。
我负责
收边界、调状态、改代码结构,确认业务逻辑没跑偏。
产出
可以验证、方便继续改的代码。
4

代码审查

AI 负责
检查异常路径、重复代码、测试遗漏、文案表达和可能的回归点。
我负责
判断风险是否真实,决定是重构、延期还是补测试。
产出
减少合并前容易漏掉的问题。
5

测试验证

AI 负责
补充边界用例、交互路径、失败场景和回归清单。
我负责
确认测试是否覆盖真实用户路径和关键业务风险。
产出
一份能照着执行的测试清单。
6

部署排障

AI 负责
辅助分析构建日志、环境变量、部署错误和线上异常。
我负责
控制发布节奏、生产风险和最终修复方案。
产出
更快定位部署或线上问题。

Project Cases

项目案例与脱敏展示

项目覆盖 ToC 移动端、地铁内部门户、数据看板和运营智能体。内部项目只展示安全的业务场景、职责、技术难点和抽象结果。

可补充公开应用商店页面或脱敏后的车联网功能截图

职责:负责 Android 端核心功能开发与业务联调,把车联网相关能力做成移动端可操作的页面和反馈。

难点:车控和数字钥匙相关功能对状态同步、异常提示、弱网处理和安全边界要求比较高,页面不能只展示接口结果,还要让用户知道当前车辆到底处在什么状态。

AI 使用:现在复盘这类项目时,我会用 AI 帮忙整理状态流、异常场景和移动端交互清单,再把涉及内部信息的部分删掉。

结果:这段经历让我熟悉 ToC App、设备状态同步和移动端异常处理,也影响了后来做 Web 业务系统时对状态和提示的处理方式。

AndroidJava移动端架构车联网数字钥匙

技术栈

技术栈和实际做过的事

这些技能主要来自业务系统、门户、看板、权限、图表地图、测试部署和 AI 辅助开发。

前端开发

主要使用 Vue、JavaScript 和 TypeScript 做业务系统、门户和看板页面。

Vue / JavaScript / TypeScript
负责业务系统、门户、看板和交互页面开发,能适应既有框架和团队写法。
组件封装
把表单、图表、状态面板、权限相关 UI 拆成可复用模块,减少重复页面代码。
状态管理
处理加载、异常、权限、空数据和多接口联动,让页面状态更清楚。

数据可视化

做过图表、地图、大屏看板和信息密度比较高的页面。

ECharts / 图表看板
处理多指标、多维度、异常状态和趋势类展示,关注图表是否能被快速看懂。
地图与线路交互
处理站点、线路、设备或区域类数据展示,关注信息层级和快速定位。
性能优化
针对大屏、门户和高频访问场景优化首屏、渲染、交互响应和资源加载。

全栈协作

前端为主,也能参与接口、鉴权和部分后端联调。

Java / 接口联调
能理解后端接口、鉴权、数据结构和业务流程,参与部分后端开发与联调。
权限与 IAM
参与统一鉴权、业务入口、权限感知页面和异常跳转处理。
测试与部署
关注 lint、typecheck、build、E2E、环境变量,以及开发、测试、生产环境隔离。

AI 开发实践

日常开发会持续使用 AI,但不会把判断完全交给模型。

AI 编码流程
长期使用 Claude Code、Codex、Cursor、Trae、Qoder、CodeBuddy 等工具辅助开发。
模型试用
会试用 Claude、GPT、GLM 等模型,把适合的能力接到自己的开发流程里。
方法整理
小项目常用 Superpowers,大项目会用 BMAD Method,把高频做法整理成可复用的 skill。

移动端

早期主要做 Android 和小程序,有完整 App 项目经历。

Android / Java
负责 ToC App 功能开发、移动端适配、业务联调和上线维护。
小程序
参与移动端轻应用场景开发,熟悉跨端体验和业务流程。
ToC 产品理解
有车联网、骑行社区等面向用户产品经验,能从体验和业务路径理解需求。

Experience

经历与成长方向

从移动端到 Web 前端,再到现在把 AI 放进日常开发流程,工作内容也从单端开发扩展到业务系统、看板、权限和部分后端联调。

2017 - 2021

移动端开发阶段

主要负责 Android 与小程序方向,参与 ToC App 和移动端业务场景开发,积累了完整 App 开发、移动端适配、业务联调和上线维护经验。

AndroidJava小程序ToC App车联网骑行社区
2021 - 2026

前端 + 部分后端阶段

主要负责 Web 前端和部分后端工作,项目集中在门户、看板、业务系统、权限鉴权、图表地图和内部数据平台等方向。

VueJavaTypeScript权限鉴权图表地图业务系统
AI 工作流阶段

AI 辅助开发实践

日常会用 AI 做需求拆解、编码、评审、测试、文档和部署排障,也会持续试用新的工具和模型。个人项目里做过 AI 生图网站。

Claude CodeCodexCursorSuperpowersBMAD Methodtulingos.cn

Contact

联系我

如果岗位需要前端、AI 应用或偏前端的全栈能力,可以发邮件,也可以直接在这里留言。

点我问简历,不用翻卷轴。