👋 嗨，我是 Leyla Qiao

💻 Front-end Engineer · 🛠️ Micro-Product Builder · 📈 SEO Pragmatist · 🤖 AI Tooling Explorer

🧮 llm-token-calculator.com · 📝 个人博客 · 📒 个人笔记 · 🛠️ Tech Stack · 📬 Contact

🌟 About me

我在郑州做前端，偏工程化与产品化结合。目标很简单：用代码创造价值。

• 🧮 目前现在在做：LLM Token Calculator（多模型分词与费用估算）
• 🔍 正在探索：Hono + LangGraph.js 的 agent 服务、Vercel AI SDK 前后端一体化实践
• ⚙️ 工程偏好：TypeScript 全量、设计 token、CI/CD、可观测、可维护

🛠️ Tech Stack

• Frontend：⚛️ React · ▲ Next.js · 🔷 TypeScript · 🎨 Tailwind · 🐻 Zustand · ⚡ Vite
• Backend/Edge：🟢 Node.js · 🔥 Hono · 🦜 LangChain.js · 📊 LangGraph.js · ▲ Vercel Functions
• AI/Runtime：🤖 Vercel AI SDK（Core/UI）· 🧠 OpenAI/Anthropic/Gemini SDKs
• Infra/DevOps：☁️ Vercel · 🐳 Docker（按需）· 🔄 GitHub Actions · 🎭 Playwright
• Design System：🎯 Design Tokens · 🌈 色阶与暗色模式策略 · ♿ 可访问性优先
• SEO/Growth：📊 GSC · 🔍 分词与意图挖掘 · 🎯 SERP 工具位 · 📋 站内结构化数据

🤝 Open to

• 🤜🤛 合作：工具站共建、前端工程化改造、SEO 工具位探索
• 💬 咨询：从 0 到 1 的技术选型与 MVP 验证、前端性能与可维护性

📬 Contact

• 🌐 Site: https://www.leyla.top/
• 🐙 GitHub: https://github.com/leylatop
• 📧 Email: leyla_qiao@163.com

📊 GitHub Stats

_{☕ Made with first-principles and lots of coffee.}