Skip to content
View handsomeZR-netizen's full-sized avatar
💭
💭
  • Nanjing Normal University
  • Nanjing

Block or report handsomeZR-netizen

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don't include any personal information such as legal names or email addresses. Markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
handsomeZR-netizen/README.md
Typing SVG

关于我 / About Me

大家好,我叫 徐子锐 (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.


开发哲学 & 工作流 / Philosophy & Workflow

"AI is the engine, but I am the steering wheel."

"别人用 AI 写代码,我用 AI 10x 我的产出。"

核心思想 / 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.

GitHub 数据概览 / GitHub Stats

GitHub Stats Top Languages

技术栈 / Technology Stack

领域 / Field 技术 / Technologies
核心语言 TypeScript JavaScript Python C++
前端框架 React Next.js TailwindCSS Framer Motion
AI & Data PyTorch Scikit_Learn Pandas DeepSeek
效率 & 工具 MCP Cursor Docker Git

精选项目 / Featured Projects

项目名称 / 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

Profile Views

Pinned Loading

  1. Localized-Resume-Editor Localized-Resume-Editor Public

    一个基于浏览器运行的、注重隐私保护的现代化在线简历编辑与导出工具。无需注册,无需登录,打开即用,所见即所得。

    HTML