Design Clipboard - 设计剪贴板

一款桌面应用，用于整理每周设计灵感，配备 AI 智能关键词生成功能。

作者： Walter-Design

功能特性

• 📅 每周设计看板 - 按日期整理设计灵感，支持直观的拖放操作
• 🤖 AI 关键词生成 - 使用 Gemini AI 自动从图片中提取设计关键词
• 🌐 双语支持 - 中英文关键词即时翻译
• 🎨 灵活布局 - 2列或4列视图自由切换
• 🔍 缩放预览 - 支持单元格缩放和全尺寸图片预览
• 💾 本地存储 - 所有图片和数据存储在本地 IndexedDB
• 🖥️ 桌面应用 - Windows 独立应用，无需浏览器

安装使用

Windows 桌面版

1. 下载 Design Clipboard Setup 1.3.0.exe 安装包
2. 运行安装程序（一键安装）
3. 从桌面或开始菜单启动应用
4. 首次启动时输入您的 Gemini API 密钥

开发环境

前置要求： Node.js 18+

1. 克隆仓库：

   git clone https://github.com/yourusername/design-clipboard.git
   cd design-clipboard

2. 安装依赖：

   npm install

3. 开发模式运行：

   npm run dev

4. 构建桌面应用：

   npm run dist

配置说明

API 密钥配置

• 首次启动时会提示您输入 Gemini API 密钥
• 从 Google AI for Developers 免费获取 API 密钥
• 随时点击页面顶部的 [CONFIG] 按钮更新密钥
• 密钥安全存储在浏览器本地存储中

自定义 Logo

要添加您自己的 logo：

1. 将您的 logo 图片（推荐PNG格式）添加到 /public 文件夹，命名为 logo.png
2. Logo 应该是正方形（例如 40x40px 或更大）以获得最佳显示效果
3. 如果找不到 logo.png，将显示 "DC" 作为后备文本

Logo 将自动在页面顶部以 40x40px 的尺寸显示。

使用说明

1. 上传图片：将图片拖放到对应日期的上传区域
2. AI 分析：系统会自动调用 Gemini API 分析图片并生成设计关键词
3. 关键词管理：
   • 点击关键词可复制到剪贴板
   • 悬停在关键词上可删除
   • 点击 [ZH] 或 [EN] 按钮切换语言
4. 布局调整：使用顶部的 [2_COLS] 或 [4_COLS] 按钮切换布局
5. 缩放视图：按住 Ctrl/Cmd + 鼠标滚轮可缩放单元格内容
6. 查看大图：点击图片卡片可查看大图和完整关键词

技术栈

• Next.js 15
• React 19
• TypeScript
• Tailwind CSS
• Google Gemini AI
• IndexedDB (via idb)
• date-fns

作者信息

设计与开发：Walter-Design

---

如有问题或建议，欢迎反馈！