SkreenPro：CleanShot X 的开源平替？macOS 截图美化与生产力神器 (免费)

一、 为什么你需要 SkreenPro？从“能用”到“专业”

macOS 自带的截图功能虽然强大，但它解决的只是“截取”的问题。而在内容创作、产品文档、工作汇报中，我们需要的是一张经过设计处理的“成品图”。

1. 视觉美化：让截图“会说话”

SkreenPro 专注于提升截图的信息信噪比和视觉质感：

• 背景填充 (Backgrounds)： 一键添加纯色或渐变背景，不仅美观，还能有效区隔截图主体与文档背景。
• 层次感构建 (Shadows)： 通过可调节的阴影模糊度与偏移量，让扁平的截图瞬间立体，充满“高级感”。
• 卡片式设计 (Card UI)： 配合圆角和边框厚度调整，轻松制作出符合现代 UI 审美（如 Dribbble/Product Hunt 风格）的展示图。

2. 谁最适合使用？

• 内容创作者： 写教程、发小红书/推特，需要统一且干净的配图风格。
• 开发者/产品经理： 提交 PR、写 README 或产品手册，需要清晰、专业的演示图。
• SOP 编写者： 需要在截图上做留白排版，减少“截图后再折腾”的时间成本。

二、 核心功能与技术亮点

🛠️ 生产力工具箱

SkreenPro 的设计理念是“不花哨，但实用”。

• 云端同步 (Cloud Sync)： 基于 Supabase 构建，支持 GitHub/Google 登录。你在公司电脑编辑的标注，回家电脑上也能接着用。
• 原生级体验： 基于 Electron + React 构建，支持文件拖拽导入，拥有原生 macOS 应用的流畅手感。

👨‍💻 开发者视角：Electron 实战范本

对于技术人员，SkreenPro 也是一个极佳的开源学习案例。如果你想学习如何开发跨平台桌面应用，可以参考其源码：

• 技术栈： Node.js 18+, Electron, React, Konva (Canvas 库)。
• 云服务： 集成了 Supabase 的 Auth 认证与数据库功能。

三、 快速上手指南

1. 普通用户安装

目前仅支持 macOS (含 Apple Silicon)：

1. 前往 GitHub Releases 页面下载 .dmg 文件。
2. 拖入 Applications 文件夹即可。
3. 注：首次打开若提示“未签名”，请右键点击图标选择“打开”。

2. 开发者本地构建

# 克隆项目
git clone https://github.com/SkreenPro/SkreenPro.git

# 安装依赖
npm install

# 配置环境变量 (.env)
VITE_SUPABASE_URL=你的Supabase地址
VITE_SUPABASE_ANON_KEY=你的Key

# 启动开发环境
npm run dev