首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
VibeCoding
小白菜的编程日记
创建于2026-04-02
订阅专栏
氛围编程,使用AI,拥抱AI!
等 12 人订阅
共18篇文章
创建于2026-04-02
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
🍎Google Stitch :用自然语言做 UI 设计,把设计师的活也抢了
Google Stitch 是 Google Labs 推出的 AI 原生设计工具,能把自然语言描述、草图、截图直接变成 UI 设计稿并导出代码。每天 400 次免费额度,支持 React/Vue/F
⚡精通 Claude 第 10 课:CLI 完全参考
Claude Code CLI 不只是一个对话工具,它是你的瑞士军刀。本文覆盖所有核心命令、标志位(flags)的实际用法,以及 7 个真实工作流场景。学完能把它融入你的日常开发、CI/CD、和自动化
⚡精通Claude第9课-高级功能:Planning Mode、Auto Mode 与自动化工作流
这节课讲 Claude Code 的高级功能:Planning Mode 让 AI 先思考再动手,Auto Mode 用后台安全分类器审查每一步操作,权限模式控制 AI 能做什么不能做什么,以及后台任
⚡精通 Claude 第 8 课 | 给 Claude 装个撤销按钮:检查点完全指南
Claude Code 的检查点功能就像给前端开发流程装了个"后悔药"——每次你发完指令,自动存档,随时可以回到任意版本。本文展示如何用检查点做 UI 迭代、组件重构、状态管理调试,以及那些"早知道就
🍎Vue官方Skills深度解读:那些被悄悄藏起来的宝藏
Vue官方Skills是一套被严重低估的最佳实践指南。本文深度解读vue-best-practicesSkill,涵盖从响应式核心、组件模式到性能优化的22个实用技巧,每个技巧都配有清晰的正确/错误对
⚡精通Claude第7课-Plugins实战指南
Claude Code Plugins 是目前最强的 AI 扩展机制,一个命令安装整套开发工具链。本文从实战出发,展示如何用插件提升前端开发效率,以及如何开发自己的插件。
🍎Claude.md 是啥?让你的 AI 助手乖乖听你的话
Claude.md 是 Claude Code 的配置文件,放在项目里就能让 AI 记住你的规矩、团队的约定、项目的上下文。配置一次,永久生效。
🍎Claude Code Playground:我愿称之为「前端调参神器」
Playground 是 Claude Code 的一个插件,能帮你生成一个独立的 HTML 页面来可视化调参。调颜色、调阴影、调圆角,不用再在对话框里文字描述"再深一点再偏蓝一点"了——直接拖拽,改
⚡精通Claude第6课-Hooks钩子系统:从前端视角玩转AI自动化工作流
作为前端开发者,我们对"钩子"这个词再熟悉不过:Vue 的生命周期钩子让我们在组件不同阶段插入逻辑、Webpack 的 Tapable 钩子让我们在编译流程中扩展功能、Husky 的 Git 钩子在
⚡精通 Claude 第 5 课:MCP 平台实战——让 AI 连接你的开发工具链
MCP(Model Context Protocol)是 Claude 连接外部工具的桥梁。本文从前端开发视角出发,涵盖 MCP 架构、主流服务配置(GitHub/Filesystem/Context
⚡精通Claude第4课 - 让AI帮你分工:Subagents子代理完全指南
Subagents 是 Claude Code 的"分身术"——你可以同时召唤多个专业的 AI 助手,各干各的活,最后把结果汇总给你。适合复杂任务并行处理、专门领域深度干活、防止主对话被垃圾信息污染。
⚡精通Claude第3课:学会用Skills让Claude变身为专属专家
Skills 是 Claude Code 的大招——你可以给它装上各种"技能包",让它变成代码review专家、部署达人、或者任何你需要的专业助手。一次配置,随时调用。
⚡精通 Claude 第2课:Claude Code Memory 记忆系统完全指南
Memory(记忆系统)是Claude Code提供的一种持久化上下文机制。说人话就是:它不像聊天记录那样关掉就没了,而是把信息存到硬盘里,下次开新会话还能接着用。
⚡精通 Claude 第 1 课:掌握 Slash Commands
什么是 Slash Commands Slash Commands 是 Claude Code 中的核心交互机制。在对话中输入 / 开头的指令,Claude 会直接执行对应操作,而不是继续对话。 这不
⚡每天一个 Agent Skills:Context7 — 让 AI 永远写出最新的代码
每天一个 Agent Skills:Context7 — 让 AI 永远写出最新的代码 问题的本质:AI 不知道你的库是哪一版 用 AI 写代码时,你是否遇到过这些问题: AI 给你一个 useSta
每天一个 Agent Skills:frontend-design — 告别 AI 味,做让人过目不忘的界面
每天一个 Agent Skills:frontend-design — 告别 AI 味,做让人过目不忘的界面 为什么需要这个技能 用 AI 生成前端代码太容易了——一个 prompt,输出一堆紫色渐变
⚡每天一个 Agent Skills:find-skills — 用自然语言搜索,发现海量 Agent 技能
每天一个 Agent Skills:find-skills — 用自然语言搜索,发现海量 Agent 技能 什么是 find-skills find-skills 是 skills.sh 生态中的核心
⚡AGENTS.md 详解:AI 代理的行为规范文档
什么是 AGENTS.md AGENTS.md 起源于 Anthropic 的 Claude Agent 项目实践,是一种新兴的 AI 可读文档格式。它不是 README 的替代品,而是补充层——RE