大家好,我叫 徐子锐 (Ziray Xu)
我是一名来自 南京师范大学 (NNU) 人工智能专业的本科生。
我不仅是一名开发者,还是一个 美学贯彻着者,更是一名 AI-Native 时代的架构探索者。我擅长利用前沿工具极速落地想法,对前沿技术十分恳切,但始终坚持核心算法与系统架构由人脑主导的开发哲学。
我的核心竞争力:
-
强韧的现代前端工程能力 熟练掌握 React / Next.js / TypeScript / TailwindCSS,拥有从 0 到 1 构建前端产品、优化性能、设计高可维护性前端架构的完整经验。
-
AI 辅助的高速开发效率(AI-Native Frontend) 善用 Cursor / Windsurf + MCP 搭建上下文感知开发环境,大幅提升组件设计、接口调试、页面迭代速度,但核心架构思考始终由我主导。
-
设计感与用户体验驱动 具备前端美学敏感度,习惯从交互逻辑、数据流、视觉一致性三个维度设计 UI/UX,使应用既"跑得快",又"看得顺"。
-
工程化与系统思维 熟悉 状态管理(Zustand / Redux)、路由策略、组件抽象、代码规范、自动化部署(CI/CD),能在团队环境中保持高质量交付。文档驱动开发,通过 Steering Files + MCP 构建可复用的工作流模板,让项目规范沉淀为团队资产。
-
团队协作与知识沉淀 注重代码可读性与模块复用,习惯编写清晰的技术文档和 README。善于将个人经验转化为团队规范,推动协作效率提升。
-
多模态与 LLM 开发优势 擅长将 AI、RAG、智能工具链 集成进前端产品,构建具备智能交互特性的应用,提高用户体验和产品竞争力。
欢迎交流:📧 邮件联系 (Email)
Hi, I'm Ziray Xu 👋
I'm an undergraduate student majoring in Artificial Intelligence at Nanjing Normal University.
I position myself as an AI-Native Architect. I excel at using cutting-edge tools to rapidly prototype ideas while ensuring that core algorithms and system architecture remain strictly human-led.
Core Competencies:
-
Strong Modern Frontend Engineering Skills Proficient in React, Next.js, TypeScript, TailwindCSS, with experience building production-ready interfaces, optimizing performance, and designing maintainable frontend architectures.
-
AI-Native Development Efficiency Leverage Cursor / Windsurf + MCP to accelerate UI building, API integration, and iteration cycles — while keeping architecture and logic strictly human-led.
-
UX-Driven & Aesthetic-Focused Development Strong sense of design and user experience; build interfaces that balance performance, clarity, and visual consistency.
-
Engineering & System Thinking Experienced with state management (Zustand / Redux), routing, component abstraction, code quality, and CI/CD workflows. Documentation-driven development — building reusable workflow templates via Steering Files + MCP to turn project standards into team assets.
-
Team Collaboration & Knowledge Sharing Prioritize code readability and module reusability. Write clear technical docs and READMEs. Transform personal experience into team standards to boost collaboration efficiency.
-
LLM & Multimodal Integration Skills Skilled in integrating AI, RAG, and LLM tooling into frontend products to deliver smarter, more competitive user experiences.
| 核心思想 / Core Philosophy | 描述 / Description |
|---|---|
| 极速交付 (Ship Fast, Ship Often) | 从想法到上线,我追求极致的交付速度。一个周末,一个完整的全栈应用。不是 Demo,是可用的产品。 From idea to production in record time. A weekend = a fully functional app. Not a demo — a real product. |
| 架构主导 (Human-Led Architecture) | AI 是我的涡轮增压器,但方向盘永远在我手里。系统设计、组件抽象、性能优化——这些核心决策只能由人脑完成。 AI is my turbocharger, but I hold the steering wheel. Architecture, abstraction, optimization — these are human decisions. |
| Vibe Coding & MCP | 我不只是"用" AI,我驾驭 AI。通过 Cursor / Windsurf + MCP 协议,我构建了一套上下文感知的开发环境,让 AI 真正理解我的项目。 I don't just use AI — I orchestrate it. MCP-powered context-aware development for true AI-human synergy. |
| 闪电学习者 (Lightning Learner) | 新框架?3 天上手,7 天精通。我不怕技术迭代,我追着技术跑。从 React 到 Next.js 15,从 REST 到 tRPC,学习曲线对我来说只是起飞跑道。 New framework? 3 days to learn, 7 days to master. I don't fear tech evolution — I chase it. Learning curves are just my runway for takeoff. |
| 文档驱动 (Doc-Driven Dev) | 好的代码会说话,好的文档让代码可传承。我用 Steering Files 沉淀项目规范,让每个新成员都能快速上手,让每个模块都能即插即用。 Good code speaks; great docs make it inheritable. I use Steering Files to codify standards — enabling fast onboarding and plug-and-play modules. |
| 项目名称 / Project | 核心贡献 / Core Contribution & Tech |
|---|---|
| 智能笔记系统 | 全栈笔记管理平台 | 在线演示 Arch: Next.js 15 + React 19 全栈架构,Prisma ORM + Neon Serverless Postgres AI: 集成 DeepSeek,智能标签建议、内容格式化、语义搜索 Tech: Next.js 15 React 19 TypeScript Prisma TailwindCSS NextAuth |
| nnu-smartwrite | AI 写作评估系统 Arch: 设计了基于 LLM 的多维度评分算法架构。 Tech: DeepSeek Prompt Engineering Python |
| webcam-fruit-ninja | CV 手势游戏 | Trae on Campus 南京大学站一等奖 Speed: 短时间内完成从数据流处理到游戏判定的逻辑闭环。 🛠️ Tech: TensorFlow.js Computer Vision MediaPipe |
| ecommerce-product-pages | 现代电商页面 UX: 高性能状态管理与响应式设计。 Tech: Zustand Tailwind React |
