💻 Front-end Engineer · 🛠️ Micro-Product Builder · 📈 SEO Pragmatist · 🤖 AI Tooling Explorer
🧮 llm-token-calculator.com · 📝 个人博客 · 🛠️ Tech Stack · 📬 Contact
我在郑州做前端，偏工程化与产品化结合。目标很简单：用代码创造价值。
- 🧮 目前现在在做：LLM Token Calculator（多模型分词与费用估算）
- 🔍 正在探索：Hono + LangGraph.js 的 agent 服务、Vercel AI SDK 前后端一体化实践
- ⚙️ 工程偏好：TypeScript 全量、设计 token、CI/CD、可观测、可维护
- 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 工具位 · 📋 站内结构化数据
- 🤜🤛 合作：工具站共建、前端工程化改造、SEO 工具位探索
- 💬 咨询：从 0 到 1 的技术选型与 MVP 验证、前端性能与可维护性
- 🌐 Site: https://www.leyla.top/
- 🐙 GitHub: https://github.com/leylatop
- 📧 Email: leyla_qiao@163.com
☕ Made with first-principles and lots of coffee.