VibeCoding

Google Stitch 是 Google Labs 推出的 AI 原生设计工具，能把自然语言描述、草图、截图直接变成 UI 设计稿并导出代码。每天 400 次免费额度，支持 React/Vue/F

Claude Code CLI 不只是一个对话工具，它是你的瑞士军刀。本文覆盖所有核心命令、标志位（flags）的实际用法，以及 7 个真实工作流场景。学完能把它融入你的日常开发、CI/CD、和自动化

这节课讲 Claude Code 的高级功能：Planning Mode 让 AI 先思考再动手，Auto Mode 用后台安全分类器审查每一步操作，权限模式控制 AI 能做什么不能做什么，以及后台任

Claude Code 的检查点功能就像给前端开发流程装了个"后悔药"——每次你发完指令，自动存档，随时可以回到任意版本。本文展示如何用检查点做 UI 迭代、组件重构、状态管理调试，以及那些"早知道就

Vue官方Skills是一套被严重低估的最佳实践指南。本文深度解读vue-best-practicesSkill，涵盖从响应式核心、组件模式到性能优化的22个实用技巧，每个技巧都配有清晰的正确/错误对

Claude Code Plugins 是目前最强的 AI 扩展机制，一个命令安装整套开发工具链。本文从实战出发，展示如何用插件提升前端开发效率，以及如何开发自己的插件。

Claude.md 是 Claude Code 的配置文件，放在项目里就能让 AI 记住你的规矩、团队的约定、项目的上下文。配置一次，永久生效。

Playground 是 Claude Code 的一个插件，能帮你生成一个独立的 HTML 页面来可视化调参。调颜色、调阴影、调圆角，不用再在对话框里文字描述"再深一点再偏蓝一点"了——直接拖拽，改

作为前端开发者，我们对"钩子"这个词再熟悉不过：Vue 的生命周期钩子让我们在组件不同阶段插入逻辑、Webpack 的 Tapable 钩子让我们在编译流程中扩展功能、Husky 的 Git 钩子在

MCP（Model Context Protocol）是 Claude 连接外部工具的桥梁。本文从前端开发视角出发，涵盖 MCP 架构、主流服务配置（GitHub/Filesystem/Context

Subagents 是 Claude Code 的"分身术"——你可以同时召唤多个专业的 AI 助手，各干各的活，最后把结果汇总给你。适合复杂任务并行处理、专门领域深度干活、防止主对话被垃圾信息污染。

Skills 是 Claude Code 的大招——你可以给它装上各种"技能包"，让它变成代码review专家、部署达人、或者任何你需要的专业助手。一次配置，随时调用。

Memory（记忆系统）是Claude Code提供的一种持久化上下文机制。说人话就是：它不像聊天记录那样关掉就没了，而是把信息存到硬盘里，下次开新会话还能接着用。

什么是 Slash Commands Slash Commands 是 Claude Code 中的核心交互机制。在对话中输入 / 开头的指令，Claude 会直接执行对应操作，而不是继续对话。 这不

每天一个 Agent Skills：Context7 — 让 AI 永远写出最新的代码 问题的本质：AI 不知道你的库是哪一版 用 AI 写代码时，你是否遇到过这些问题： AI 给你一个 useSta

每天一个 Agent Skills：frontend-design — 告别 AI 味，做让人过目不忘的界面 为什么需要这个技能 用 AI 生成前端代码太容易了——一个 prompt，输出一堆紫色渐变

每天一个 Agent Skills：find-skills — 用自然语言搜索，发现海量 Agent 技能 什么是 find-skills find-skills 是 skills.sh 生态中的核心

什么是 AGENTS.md AGENTS.md 起源于 Anthropic 的 Claude Agent 项目实践，是一种新兴的 AI 可读文档格式。它不是 README 的替代品，而是补充层——RE