ci: GitHub Actions CI（类型检查+单测+构建）+ README 徽章与截图

Author: pwxiao

.github/workflows/ci.yml

@@ -0,0 +1,38 @@
+name: CI
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: frontend
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: npm
+          cache-dependency-path: frontend/package-lock.json
+
+      - name: 安装依赖
+        run: npm ci
+        env:
+          ELECTRON_SKIP_BINARY_DOWNLOAD: 1
+
+      - name: 类型检查
+        run: npm run typecheck
+
+      - name: 单元测试
+        run: npm test
+
+      - name: 构建渲染层
+        run: npx vite build
+
+      - name: 构建主进程
+        run: npx tsc -p tsconfig.electron.json

README.md

@@ -1,11 +1,17 @@
 # ⚡ Taskflow
 
+[![License: MIT](https://img.shields.io/github/license/GaIIagherdev/taskflow)](LICENSE)
+[![CI](https://github.com/GaIIagherdev/taskflow/actions/workflows/ci.yml/badge.svg)](https://github.com/GaIIagherdev/taskflow/actions/workflows/ci.yml)
+[![GitHub stars](https://img.shields.io/github/stars/GaIIagherdev/taskflow)](https://github.com/GaIIagherdev/taskflow)
+
 面向**中文新手用户**的 GitHub Actions 定时任务桌面应用。
 
 装一个 App，像聊天一样说出你的需求（"每天早上 8 点播报上海天气"），剩下的交给 GitHub——App 会自动把你的任务翻译成 GitHub Actions workflow，推送到你的私有仓库里执行。全程不需要写代码、不需要懂 YAML。
 
 UI 采用 **Codex Desktop 风格**（暖炭黑 + 米白 + 单色中性配色，参考 LiveStudio 的视觉规范），支持深色 / 浅色主题切换。
 
+![Taskflow 预览](frontend/docs/preview.png)
+
 ## 快速开始
 
 一键启动（自动安装依赖、编译 Electron 主进程、同时启动 Vite 和 Electron）：
@@ -25,6 +31,10 @@ npm run dev            # 仅浏览器
 npm test               # 单元测试（流程编译、摘要提取、workflow 生成）
 ```
 
+## 参与贡献
+
+欢迎提 PR！开发环境、代码约定和安全须知见 [CONTRIBUTING.md](CONTRIBUTING.md)。
+
 ## 使用步骤（新手版）
 
 1. 打开 App，进入「设置」