可复现三件套
预计 10 分钟前置:Node.js;Chrome 浏览器 使用 Cursor 或 Claude Code 从零构建一个 Chrome MV3 新标签页扩展。功能包括:大字号时间与日期、搜索框(支持本地搜索、网页搜索、AI 入口切换)、今日待办、自定义常用网站(自动匹配图标)、最近访问记录(按场景分类)、收藏夹、便签(基于 TipTap 编辑器)、天气卡片(高德 API)、音乐小部件、每日一句、番茄钟。界面采用简洁卡片风格,支持浅色/深色主题和壁纸切换,所有用户数据存储于 chrome.storage.local 或 localStorage,无需后端。注意处理中文特有显示(微信标题优化),并配置必要权限(history、bookmarks、storage 等)。
HOW IT'S MADE / 拆解
01
克隆仓库并安装依赖:git clone 仓库 && cd qiaomu-tab && npm install
02
构建便签编辑器:npm run build:notes
03
打开 Chrome 扩展管理页,开启开发者模式,加载解压的扩展文件夹
Dr.Sharp 点评
Dr. Sharp:小而美的本地仪表盘,正好抓住 Chrome 新标签页的黄金三秒;但缺少在线 demo 让路人体验,有点可惜。