Skip to content
View NoyaMrXiao's full-sized avatar
🌴
On vacation
🌴
On vacation

Block or report NoyaMrXiao

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
NoyaMrXiao/README.md

👋 Hi, I'm NoyaMrXiao

全栈工程师 | Full Stack Developer

创业公司软件负责人 | Software Lead at Startup

热衷于创造优雅且实用的数字产品


🚀 关于我 / About Me

我是一名经验丰富的全栈工程师,目前担任一家创业公司的软件负责人。拥有丰富的独立开发者经验,从产品构思到上线全流程独立完成多个项目。具备优秀的审美能力和设计能力,熟悉设计规范,对用户体验流程和组件化设计有深入理解。专注于使用现代技术栈构建高质量的应用程序,我相信代码不仅仅是功能实现,更是艺术与技术的完美结合。

I'm a full-stack developer currently serving as Software Lead at a startup. With extensive experience as an indie developer, I've independently completed multiple projects from conception to launch. Possessing excellent aesthetic sense and design capabilities, I'm well-versed in design systems, with deep understanding of user experience flows and component-based design. Passionate about building elegant and functional digital products, I believe code is not just about functionality, but the perfect blend of art and technology.

🔧 技术能力 / Skills

React          ████████████████████  95%
Next.js        ██████████████████░░  90%
TypeScript     ██████████████████░░  90%
Tailwind CSS   ████████████████████  95%
Node.js        ████████████████░░░░  85%
Python         ██████████████░░░░░░  75%
PostgreSQL     ████████████████░░░░  85%
MongoDB        ████████████████░░░░  85%
UI/UX Design   ██████████████████░░  90%
设计规范        ██████████████████░░  90%
Vibe Coding    ████████████████████  100% ⚡
小程序开发      ████████████████░░░░  85%
Figma Plugin   ██████████████░░░░░░  75%

💻 技术栈 / Tech Stack

前端开发 / Frontend

  • React - 构建用户界面,组件化开发
  • Next.js - 全栈 React 框架,SSR/SSG
  • TypeScript - 类型安全的 JavaScript
  • Tailwind CSS - 实用优先的 CSS 框架

后端开发 / Backend

  • Node.js - 服务端开发、API 设计
  • Python - 后端服务、数据处理

数据库 / Database

  • PostgreSQL - 关系型数据库
  • MongoDB - NoSQL 数据库

设计能力 / Design Skills

  • UI/UX 设计 - 优秀的审美能力,熟悉设计规范
  • 用户体验流程 - 深入理解用户旅程和交互设计
  • 组件化设计 - 设计系统构建和组件化思维
  • 设计规范制定 - 具备设计规范制定和团队协作经验

其他技术 / Others

  • 微信小程序 - 小程序开发、微信生态
  • Figma 插件开发 - 设计工具自动化、插件生态
  • 桌面应用 - 跨平台桌面应用开发
  • 移动应用 - iOS/Android 应用开发

⚡ 核心能力 / Core Skills

  • 🎯 Vibe Coding - 非常擅长 vibe coding,追求代码的流畅感与直觉式开发
  • 🎨 设计思维 - 优秀的审美能力和设计能力,技术与艺术的完美结合

💼 职业经历 / Professional Experience

🚀 创业公司软件负责人 / Software Lead at Startup

当前职位 | Current Position

负责公司技术架构设计、团队技术指导和产品开发,从 0 到 1 构建产品,推动技术决策和工程实践优化。曾带领设计实习生规范公司设计规范,建立统一的设计系统,确保产品在视觉和交互上的一致性。

Leading technical architecture design, team mentorship, and product development. Building products from 0 to 1, driving technical decisions and optimizing engineering practices. Previously led design interns to establish company design standards and build a unified design system, ensuring visual and interactive consistency across products.

👨‍💻 独立开发者 / Indie Developer

过往经历 | Previous Experience

作为独立开发者,独立完成多个产品的全流程开发:

  • 产品设计与原型开发
  • 前后端开发与部署
  • 产品运营与迭代优化
  • 用户反馈处理与功能迭代

As an indie developer, independently completed full-cycle development of multiple products:

  • Product design and prototyping
  • Full-stack development and deployment
  • Product operations and iterative optimization
  • User feedback handling and feature iteration

🎨 设计理念 / Design Philosophy

好的代码不仅要能运行,更要优雅、可维护、易理解。
Good code not only runs, but is elegant, maintainable, and understandable.

设计不仅仅是视觉呈现,更是用户体验的每一个细节。我相信好的设计应该在功能性与美观性之间找到完美的平衡,通过组件化设计和规范化的设计系统,创造出既美观又高效的产品。
Design is not just visual presentation, but every detail of user experience. I believe good design should find the perfect balance between functionality and aesthetics, creating beautiful and efficient products through component-based design and standardized design systems.

📱 项目经验 / Project Experience

  • 🌐 网站开发 - 企业官网、电商平台、管理系统
  • 📱 微信小程序 - 商业小程序、工具类小程序
  • 🎨 Figma 插件 - 设计工具增强、自动化插件
  • 💻 桌面应用 - 跨平台桌面软件
  • 📲 移动应用 - iOS/Android 应用开发

🛠️ 开源项目 / Open Source Projects

Python 音视频处理工具

基于 FFmpeg 的桌面媒体处理应用,支持视频、音频、图片的格式转换、压缩和信息查看。使用 CustomTkinter 构建现代化界面,支持 macOS 应用打包。

A desktop media processing application based on FFmpeg, supporting format conversion, compression, and information viewing for videos, audio, and images. Built with CustomTkinter for a modern UI, with macOS app packaging support.

技术栈: Python, FFmpeg, CustomTkinter, OpenCV, py2app


Figma 组件变体导出插件

Figma 社区发布的插件,用于批量导出组件变体,提高设计到开发的协作效率。支持自定义导出格式和批量处理。

A Figma Community plugin for batch exporting component variants, improving design-to-development collaboration efficiency. Supports custom export formats and batch processing.

技术栈: Figma Plugin API, TypeScript
发布平台: Figma Community


Figma AI 智能命名插件

使用 AI 技术自动为 Figma 设计元素生成语义化、规范的命名。支持视觉分析、批量命名和 Frame 结构分析,结合 GPT-4o 视觉模型,能够理解元素的外观和功能,生成更准确的命名建议。

A Figma plugin that uses AI technology to automatically generate semantic and standardized names for design elements. Supports visual analysis, batch naming, and frame structure analysis. Integrated with GPT-4o vision model to understand element appearance and functionality for more accurate naming suggestions.

技术栈: Figma Plugin API, TypeScript, Express, OpenAI GPT-4o, esbuild
发布平台: Figma Community


React Native + Expo 移动应用

基于 React Native 和 Expo 开发的区块链交易移动应用,支持加密货币交易和钱包管理。

A blockchain trading mobile application built with React Native and Expo, supporting cryptocurrency trading and wallet management.

技术栈: React Native, Expo, TypeScript


Python 实用工具集合

一系列实用的 Python 开发工具,提高开发效率和自动化日常任务。

A collection of practical Python development tools to improve development efficiency and automate daily tasks.

技术栈: Python


⌨️ KeyFlow

macOS 桌面应用

基于 Electron 开发的 macOS 桌面应用,提供高效的工作流程管理功能。

A macOS desktop application built with Electron, providing efficient workflow management features.

技术栈: Electron, JavaScript/TypeScript


npm 包 - Taro React 图标库

为 Taro 框架适配的 Lucide 图标库 React 组件,提供丰富的图标资源,支持 Taro 小程序和 H5 开发。

A Lucide icon library React component adapted for the Taro framework, providing rich icon resources for Taro mini-program and H5 development.

技术栈: React, Taro, TypeScript
发布平台: npm


📫 联系方式 / Contact

  • 📧 Email: [3090699578@qq.com]
  • 🌐 Website: [your-website.com]
  • 💼 LinkedIn: [your-linkedin]
  • 🐦 Twitter: [@your-twitter]

感谢访问!欢迎交流与协作
Thanks for visiting! Feel free to reach out for collaboration

⭐️ 如果这个项目对你有帮助,请给个 Star ⭐️

Made with ❤️ by NoyaMrXiao

Pinned Loading

  1. KeyFlow KeyFlow Public

    桌面应用

    TypeScript 1

  2. Agentic-Design-Patterns-- Agentic-Design-Patterns-- Public

    Agentic Design Patterns-中文翻译网站

    TypeScript

  3. figma-Component-Variants-Export figma-Component-Variants-Export Public

    TypeScript

  4. lucide-taro-react lucide-taro-react Public

    TypeScript 3