博客

Tailwind CSS 裁员75%：AI时代开源变现的危机

通过Tailwind Labs大规模裁员事件，分析AI如何摧毁基于文档的收入模式、开源贡献者无偿劳动加剧的问题，以及可持续的变现策略。

Claude Code 插件完全指南：从官方插件到社区市场

深入解析 Claude Code 13个官方插件和社区市场。涵盖 feature-dev 7阶段工作流、code-review 4个并行代理、hookify 自然语言钩子等核心功能的详细介绍。

Anthropic Agent Skills实战指南：从实现到ROI

通过教程和代码示例学习Anthropic Agent Skills的实际应用，通过ROI分析评估业务价值，最大限度地提高AI代理效率。

Anthropic Agent Skills标准：扩展AI代理能力的开放新标准

Anthropic的Agent Skills标准提供了一种通用方法，使AI代理能够获取和利用新功能，从而推动整个AI行业的开发和创新。

jangwook.net 月度增长报告（12月）：2,600名访客，自然搜索占比57%

博客上线75天GA4数据分析 - 日均85名访客，自然搜索达56.5%，Google Code Wiki指南成为新热门文章，中国市场急速增长

Greptile AI 编程报告 2025 评测：AI 真的提升了生产力吗？

分析 Greptile 的 State of AI Coding 2025 报告，结合个人经验探讨 AI 在实际开发中带来的生产力变化。

基于UX心理学的前端改进实战案例

详细介绍BlogCard阅读时间、卡片悬停效果、返回顶部按钮、阅读进度条等UX心理学原则的前端改进案例和代码实现。

用UX心理学强化前端设计技能

介绍如何将40个UX心理学概念和30个Laws of UX法则整合到Claude Code的frontend-design技能中，创建美观且有效的界面。

DeNA LLM 研究 Part 5：智能体设计与多智能体编排

DeNA LLM 研究系列完结篇。从实务角度整理 n8n 工作流、智能体设计原则、多智能体编排模式和内存管理策略。

DeNA LLM 研究 Part 4: RAG 架构与最新趋势

通过 DeNA LLM 研究资料 Part 4，探索从 RAG 核心概念到 GraphRAG、Agentic RAG 的最新检索增强生成技术。

DeNA LLM研究Part 3: 模型训练方法论 - 从预训练到RLHF/DPO

基于DeNA LLM研究资料Part 3，深入分析预训练、微调和强化学习的差异，以及LoRA、QLoRA、DPO等最新高效学习技术。

DeNA LLM 研究 Part 2: 结构化输出与多LLM组合模式

从使用JSON Schema和Pydantic的结构化输出到Sequential、Parallel、Cascade等生产环境可用的Multi-LLM管道设计模式

DeNA LLM 学习 Part 1: LLM基础与2025年AI现状

DeNA LLM学习系列开始。比较GPT-4、Claude、Gemini，涵盖Next Token Prediction、Instruction Tuning、Reasoning模型、提示工程基础。

Agent Effi Flow的战略转型：面向日本入境市场推出おもてなしBot

从AI效率工具到日本入境旅游市场的战略转型。分享一位独立开发者如何避开竞争激烈的红海，寻找蓝海机会的市场分析和おもてなしBot服务构建过程。

迭代审查循环方法论：在复杂开发中通过多智能体编排最小化错误

通过以编排智能体为核心的迭代审查循环，系统性地介绍如何将复杂开发工作的错误率降低40-90%的方法论。

AI搜索时代的AEO实施经验：Agent Effi Flow实战案例

分享针对ChatGPT、Perplexity等AI搜索引擎优化内容的AEO策略实施经验，包含结构化数据和Schema标记的具体实现方法。

使用多代理编排改进博客自动化系统

使用Claude Code的多代理编排模式分析48个文件并修复61个问题的大规模系统改进完整指南

AdSense挑战记：用AI分析克服"低价值内容"拒绝

被Google AdSense以"低价值内容"拒绝后，我利用ChatGPT、Claude、Gemini三个AI分析原因，将批准可能性从5.5分提升到8.5分。分享我的实际经验。

AI时代，想对后辈们说的话

基于中小企业多年经验的职业建议。领域知识和T型人才成长如何帮助你在AI时代生存。

生成式AI导入，为何需要自上而下：42%失败率背后的真正原因

自下而上AI导入的局限与组织变革管理战略。通过业务文档化和标准化实现系统化方法

用Vertex AI Search实现站内搜索：Cloud Functions与自动化部署

介绍如何利用Google Vertex AI Search在网站上实现AI搜索功能。从Cloud Functions API服务器构建到Shell脚本自动化部署，逐步详细讲解。

使用 gcloud MCP 自动化 GCP 基础设施审计

学习如何使用 AI 代理和 gcloud MCP 自动检测 GCP 基础设施中的安全漏洞和配置问题。

LLM时代的SEO/AEO实战应用：B2B SaaS优化路线图

从SEO基础到AEO战略：Agent Effi Flow项目的真实实施案例与可量化成果

独立开发者的AI SaaS构建之旅:3天完成生产环境上线

使用SvelteKit、Supabase和Google Gemini API构建的B2B AI OCR服务的实战开发记录。技术选型理由、实现过程、业务战略,独立开发者的真实经验分享。

使用Terraform构建无服务器AI批处理系统

利用API Gateway、Lambda、ECS Fargate构建高性价比AI批处理基础设施的实战指南

使用 Claude Code 自动化页面 E2E 测试

介绍为 Web 开发者构建页面质量验证自动化系统的方法。通过单一命令测试8个质量项目，并获得改进建议。

Google Code Wiki: AI驱动的代码文档平台完全指南

详细介绍Google发布的Code Wiki的功能、使用方法以及基于Gemini的自动文档化系统。

我使用的MCP服务器工具包完整指南

通过7个MCP服务器最大化Claude Code开发生产力。分享Serena、Context7、Sequential Thinking等实战经验

使用Deep Agents范式优化AI代理系统

分析LangChain和Philipp Schmid的Deep Agents概念，优化代理架构的实践指南

Claude Code CLI迁移指南：Copilot、Gemini、Codex对比

从Claude Code迁移到GitHub Copilot CLI、Gemini CLI或Codex CLI的方法，以及根据不同情况选择最佳工具的指南

jangwook.net 45天增长报告：从750名访客中学到的7个洞察

博客启动45天GA4数据深度分析 - 自然搜索占比44.3%达成、SEO优化ROI、流量激增原因分析、英文内容91%跳出率解决方案

MCP代码执行实践：Claude Code项目结构优化

了解如何将Anthropic的MCP Code Execution模式应用于实际项目，包括目录结构改进和安全配置示例

Anthropic 代码执行与 MCP：AI 智能体效率提升 98.7% 的革命性突破

深度解析 Anthropic 推出的 Code Execution with MCP 技术，实现 98.7% 的 token 使用量减少和 60% 的执行速度提升。

为博客添加中文支持：多语言网站扩展实战指南

40篇文章添加中文支持的经验分享。并行智能体处理更新120个文件、SEO优化、自动化策略 - Astro多语言博客扩展的一切

EffiFlow Part 3: 38分钟实现实战改进 - 稳定性99%与完成度100%

Top 3 Quick Wins 实战实施。38分钟投入达成完成度100%、稳定性99%的过程与ROI

EffiFlow 第二部分：Skills 自动发现与 58% Token 节省缓存

Skills 自动发现机制和 Commands 集成。通过缓存策略实现 58% Token 节省的过程

EffiFlow 架构分析：元数据驱动节省 71% 成本

17 个 Agents 和元数据优先架构实现博客自动化。节省 60〜70% Token 成本并实现完全自动化

Google Gemini File Search 5分钟构建RAG系统

2025年11月发布的Gemini File Search Tool使用指南,无需复杂RAG管道即可构建文档检索与问答系统。完全托管的RAG方案显著缩短开发时间。

提升AI代理性能10倍的提示工程实战指南

研究日本AI专家的提示技巧,改进17个Claude Code代理的实际案例与可量化成果分享。

使用n8n和RSS实现博客发布自动化

利用GitHub Actions、RSS订阅和n8n工作流程实现博客自动发布和社交媒体分发的实战指南

Figma MCP 自动生成 Web 组件研究:设计系统持续同步

利用 Figma Parts 库与 figma-mcp 生成原生 JavaScript Web 组件,并持续同步设计变更的实战研究。涵盖 Webhook、GitHub Actions、基于设计令牌的实现指南。

在 Claude Code Agent 中应用 Verbalized Sampling：LLM 多样性提升 1.6〜2.1 倍

将 Verbalized Sampling 技术应用于 Claude Code Agent，实现提示词多样性 2.0 倍、内容多样性 1.8 倍、写作风格 1.6 倍提升的实战指南。完整记录 4 个 Agent 修改内容、参数调整和成本分析。

Verbalized Sampling: 无需训练的提示技术恢复LLM多样性

解决对齐后模式崩溃问题的Verbalized Sampling技术。无需重新训练即可将LLM输出多样性提升1.6〜2.1倍的提示策略完全指南

三周分析报告：自然搜索爆炸增长1266%，以及发布20篇文章的旅程

2025年10月15日〜11月4日GA4数据分析，自然搜索从4.3%飙升至54.4%，发布20篇新文章，韩国成为第一访问国家 - 透明分享博客增长记录

数据驱动产品决策：PM分析框架实战指南

通过DAU/MAU、RICE模型、A/B测试等核心指标与框架，提升产品决策精准度的实战方法论。

使用Slack MCP分析团队沟通数据

介绍利用Model Context Protocol进行Slack数据分析的方法和实战应用案例

使用Notion·Backlog·Slack·Claude标准化项目管理

整合四种工具构建敏捷项目管理工作流程的完整指南

推荐系统V3：Frontmatter嵌入式架构实现100%构建性能提升

移除臃肿的recommendations.json文件，将推荐数据直接嵌入Frontmatter，完全消除运行时文件I/O，分享V3系统的构建过程与成果。

利用LLM提升项目经理工作效率：AI让生产力提升3倍

介绍如何利用ChatGPT、Claude、Gemini等最新LLM工具自动化项目管理工作并最大化生产力的实战指南，从日常业务自动化到ROI测量的分步说明。

使用Claude Code实现大规模页面测试并行自动化

通过Claude Code代理和Playwright将网页迁移测试速度提升5-8倍的实战指南

利用LLM实现网页迁移作业标准化

通过Claude Code和基于LLM的自动化，安全地将遗留网站迁移到最新Web组件和静态站点的完整指南

使用 Claude Code Hook 构建自动化代码审查系统

从基于 Hook 的编码规则设置到 CI/CD 集成，可直接应用于实际工作的自动化审查流程完整指南

BigQuery MCP 服务器：实现数据集前缀过滤

使用 TypeScript 构建 BigQuery MCP 服务器，通过数据集前缀过滤控制 AI 代理的数据访问权限。

使用Jules实现自动编码：Google自主AI编程代理完全指南

了解如何使用Google创新的AI编程代理Jules自动解决GitHub问题并生成PR

LangGraph多智能体系统完全指南：从核心概念到生产部署

详细了解如何使用LangGraph在生产环境中构建可扩展的多智能体AI系统，涵盖核心概念、架构模式、实战代码示例和最佳实践，助力打造企业级AI应用

Playwright + AI：编写自动化E2E测试

利用Playwright与AI Codegen实现E2E测试自动化。基于TypeScript实战、GitHub Actions集成、视觉回归测试，可立即应用于实际工作的完整指南

使用SSR方法论分析博客回访意愿

基于LLM的语义相似度评分(Semantic Similarity Rating)实验：完成225次评估的统计分析,ICC 0.83高可靠性验证及可视化。

AI预测消费者行为的新方法：语义相似度评估

利用LLM的合成消费者研究创新，SSR方法论实现90%可信度

Claude Skills完全指南：项目应用与实战技巧

从Claude全新Agent Skills功能的引入到实际实现，记录试错与成果的实战指南。通过基于文件夹的模块化让AI代理专业化的方法。

OpenAI AgentKit完全指南第2部：实战应用与高级模式

从企业级多智能体系统设计到生产环境部署，AgentKit实战掌握指南

OpenAI AgentKit完全指南第1部分：核心概念与入门

从2025年10月发布的OpenAI AgentKit核心概念到实战教程，全面掌握AI智能体开发

给 AI 智能体赋予性别和人格会发生什么?

基于120余项研究揭示 AI 智能体人格设计的心理学效应及针对不同任务的最优设计策略

推荐系统革新：将78,000令牌降至零的元数据优化之旅

介绍如何将内容推荐系统的令牌使用量减少100%、执行时间缩短99%的元数据驱动算法优化案例。

自我修复AI系统：构建无需人工干预、自动修复Bug的智能代理

GitHub、Google、Netflix实战部署的自我修复系统完全指南。从错误检测到自动补丁，使用LangGraph完整实现

AI智能体协作模式：用5个专业Agent构建全栈应用

通过协调Architecture、Coding、Testing、Security、DevOps Agent构建生产级应用的实战指南

AI 时代的规范驱动开发：用 Markdown 编写代码的新范式

通过 GitHub Spec Kit 实现系统化的 AI 开发方法论。超越 "Vibe Coding"，编写可扩展、可维护的生产级代码的完整指南

博客第一周分析报告：与31位热情早期采用者共同开启的旅程

博客上线一周后的GA4数据分析、内容表现、改进效果 - 透明分享博客成长记录 (2025-10-07~10-14)

静态博客的定时发布实现：Astro + GitHub Actions 自动化

使用 Astro 和 GitHub Pages 的静态博客中，如何像 WordPress 一样实现文章定时发布。利用 pubDate 过滤和定时工作流的完全自动化解决方案

使用 Claude LLM 构建智能内容推荐系统

超越简单标签匹配,通过语义理解提供精准推荐的 AI 驱动博客推荐系统构建指南

用 Chrome DevTools MCP 自动化 Web 性能优化

AI 助手通过真实浏览器数据测量和优化性能的 Chrome DevTools MCP 完整指南——从 Core Web Vitals 自动化到实战工作流

AI智能体系统实战指南：使用Notion API MCP与Claude Code构建自动化流水线

深度解析Model Context Protocol (MCP)与Claude Code的实战应用，手把手教你构建Notion集成的AI智能体自动化系统。从SEO专家和内容管理者视角验证的实用教程，详解可行方案、限制条件、优势与注意事项。

利用AI实现半年度报告自动化：从60小时缩短至10小时

分享如何利用AI代理系统和自动化工具，将半年度报告的60小时工作量缩短至10小时的实战流程。

利用Claude Code自动生成大规模网站页面：组件库与SubAgent并行处理

分享基于组件库自动生成31个HTML页面的实战案例。从CSV元数据管理、SubAgent并行处理到两阶段质量验证流程的完整指南。

Claude Code 最佳实践：开发生产力革命指南

深入解析 Anthropic 官方最佳实践，从 CLAUDE.md 配置到子代理系统构建，通过实际案例展示如何最大化 AI 驱动的编程效率。

jangwook.net 博客启动分析报告：数据驱动技术博客的开端

博客启动初期 GA4 数据分析、实战 MCP 查询示例、以及 3 个月增长战略——透明分享技术博客旅程的起点

使用Google Analytics MCP与AI代理自动化博客分析

了解如何利用MCP和AI代理自动化博客分析,实现数据驱动的决策制定

利用LLM与Claude Code实现博客自动化 - 未来的内容创作

使用Claude Code和11个专业代理完全自动化博客的方法。从提示工程(Prompt Engineering)到MCP集成、多语言支持、图像生成 - 人人都能学会的实战指南。