前言 OpenClaw是一款功能强大的终端式AI助手，支持多模型适配、多渠道接入，可本地部署也支持云端一键安装。 官方官网：https://openclaw.ai/ GitHub仓库：https://

本篇是《前端 AI Coding 落地指南》的续作，专门讲 Skills 的实践：什么是 Skills、如何找开源 skills、何时封装、从 Rules 拆出来的与流程类技能、第三方与自封装清单

本篇是《前端 AI Coding 落地指南》的续作，专门讲 Rules 的实践：演进过程、设计原则、如何划分模块、何时写 Rules 何时写 Skills，以及项目级 Rules 的完整清单

以规范、能力扩展和流程为主线的 AI Coding 架构，实现 AI 生成的前端页面 90% 还原设计稿，需求实现更准确，代码风格一致，结构设计合理。

看到一张“母慈子孝”的聊天记录，我突发奇想：能不能让 AI 把它画出来？折腾一下午，我真的造出了一个“漫画工作室”！它有负责写脚本的“AI 编剧”，有老实干活的“AI 画师”，还有负责发文的“宣发”。

上一篇文章中我们讲了下如何给简单的前端项目提供 PWA 支持。 本篇讲一下在遇到比较高级或者复杂的需求时如何进行 PWA 适配。

本篇文章咱们就来正式了解下怎么使用 vite-plugin-pwa 来给前端项目添加 PWA 能力，同时本文也会一并介绍 PWA 相关的细节、原理、怎么调试、以及需要提前做好的规划。

渐进式网页应用（PWA）通过结合网页和移动应用的优点，为用户提供了理想的解决方案。本文将详细探讨如何在一个基于 Vue.js 的应用商城中实现多个独立的 PWA。

油猴（Tampermonkey）是一款浏览器插件，允许用户在网页加载时注入自定义的 JavaScript 脚本，来增强、修改或自动化网页行为（你可以理解为轻量版谷歌扩展插件） 。 下面，分享我精心整理