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

Block or report NoyaMrXiao

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