Posts
All the articles I've posted.
-
Frontman 拆解：当 AI Agent 从浏览器看你的代码，配合前端 Skills 能做什么
Cursor、Claude Code 都从源码出发，但前端工程师的真实工作发生在浏览器——hover 后的实际颜色、SSR 后的真实 DOM、第 3 个 useState 触发的 re-render。Frontman 反方向工作：从浏览器看代码。本文拆解它的架构，并组合 Anthropic frontend-design 等 Skill 形成完整前端 AI 工作流。
-
Claude Code Skills 实战：从 0 到 1 写一个能在多项目复用的 Skill
把重复的 playbook、检查清单、多步流程从 CLAUDE.md 抽出来变成 Skill。本文以"博客发布前自检"为案例，覆盖 SKILL.md 结构、frontmatter 全字段、context fork 隔离、与 Slash Command/Sub Agent 的边界、以及调试和共享。
-
GPT-5.5 vs Claude Opus 4.6 vs Gemini 2.5 Pro 编程能力对比 2026
2026 年主流大模型编程能力横评：GPT-5.5、Claude Opus 4.6、Gemini 2.5 Pro 的 Benchmark 数据、定价、实际编程表现全面对比，帮你找到最适合日常开发的模型。
-
React 图表库选型指南：Recharts、ECharts、Nivo、Lightweight Charts 深度对比
深度对比 2026 年 React 主流图表库：Recharts、Apache ECharts、Nivo、TradingView Lightweight Charts，覆盖 K 线图、柱状图、Treemap 三种核心场景，从性能、bundle 大小、易用性给出选型建议。
-
2026 AI 编程工具红黑榜：Claude Code、Cursor、Copilot、Windsurf、Gemini CLI 真实评测
深度对比 2026 年主流 AI 编程工具：Claude Code、Cursor、GitHub Copilot、Windsurf、Trae、Cline、Gemini CLI、Aider，覆盖真实数据、最新定价、适用场景，帮助开发者做出选型决策。
-
AI Agent 成功率从 12% 到 66%：前端开发者该如何迎接"可用"的 Agent 时代
斯坦福 2026 AI Index 报告显示，AI Agent 在真实计算机任务上的成功率一年内从 12% 跃升至 66%，距人类基准仅差 6 个百分点。这对前端开发者意味着什么，该如何调整工作流来利用这个转折点。
-
AI 工具链供应链安全：Vercel 入侵事件的完整复盘
复盘 2026 年 4 月 Vercel 遭入侵事件的完整攻击链：Roblox 外挂脚本 → Lumma Stealer → OAuth 过度授权 → SSO 横向移动 → 环境变量泄露，拆解每一环背后的安全盲点和开发者防御实践。
-
一个 CLAUDE.md 文件，一周涨了 44K Star：Karpathy 的 AI 编程四原则
拆解 forrestchang/andrej-karpathy-skills 仓库一周暴涨 44K star 的背后：Karpathy 总结的 AI 编程四原则（编码前思考、简洁第一、手术式修改、目标驱动执行），以及如何在 Claude Code 中直接使用。