README.md

---
title: 交互式清单专家 (Interactive Checklist Pro)
emoji: ✅
colorFrom: indigo
colorTo: blue
sdk: docker
app_port: 7860
short_description: 可视化构建交互式清单，一键导出单文件 HTML 应用（Local-First & 保存进度）。
---

# ✅ 交互式清单专家 (Interactive Checklist Pro)

> **零代码构建、一键导出、永久保存进度的交互式清单应用。**

Interactive Checklist Pro 是一个为内容创作者、教育者和独立开发者设计的工具。它可以帮助你将枯燥的 PDF/文本清单转化为**精美的、可交互的、自动保存进度的 Web 应用**。

生成的清单是一个**单文件 HTML**，无需服务器，可以直接发给用户、部署到静态网站或作为数字产品出售。

## ✨ 核心功能

*   **可视化构建器**：所见即所得的编辑界面，支持拖拽排序（通过按钮）、分组管理。
*   **单文件导出**：生成一个独立的 `.html` 文件，包含所有逻辑和样式。
*   **进度自动保存**：导出的清单使用 `localStorage` 自动记录用户的打钩状态，刷新页面不丢失。
*   **资源链接集成**：为每个检查项添加备注和外部链接。
*   **完赛奖励**：当用户完成 100% 进度时，触发庆祝撒花特效 🎉。
*   **多主题配色**：内置 Indigo, Blue, Emerald, Rose 等多种现代配色方案。

## 🚀 使用场景

1.  **作为 Lead Magnet (引流磁铁)**：制作 "2024 SEO 终极检查表" 或 "新媒体运营 SOP"，免费分发以获取潜在客户。
2.  **作为数字产品**：制作高价值的 "独立开发发布清单" 或 "婚礼筹备全流程"，直接出售 HTML 文件。
3.  **内部 SOP 管理**：为团队制作标准操作流程清单，分发给员工使用。

## 🛠️ 技术栈

*   **Builder (编辑器)**: Flask (Python), Vue 3, Tailwind CSS.
*   **Exported App (导出的清单)**: Vanilla JS (原生 JavaScript), Tailwind CSS (CDN), Canvas Confetti.

## 📦 部署与运行

### Hugging Face Spaces

本项目已配置 Dockerfile，可直接部署到 Hugging Face Spaces。

### 本地运行

1. 克隆项目
2. 安装依赖: `pip install flask`
3. 运行: `python app.py`
4. 访问: `http://localhost:7860`

## 📝 License