interactive-checklist-skill
无需构建即可产出生产级可部署页面，适合快速共享与托管。
从任务列表生成可部署的单文件交互式清单网页。
把任务清单一键变成可直接部署的单文件交互式网页，带进度条、勾选、每项笔记和“HAS NOTES”标记，还支持多开手风琴和按执行场景的标签页切分。常用在做 runbook、待办或行动项追踪，需要把流程交互化、能给 LLM 读或直接上线部署的时候。特别之处是输出就是一个包含内联 CSS/JS 的单一 HTML 文件，支持结构化 Markdown 导出和代码块一键复制，部署到 Vercel 几乎零配置。
▸ 展开 SKILL.md 英文原文
Build interactive checklist, task tracker, and action item web apps as self-contained HTML files. Outputs single-file HTML with inline CSS and JS, deployable to Vercel via drag-and-drop. Features include multi-open accordions, per-item notes with HAS NOTES badges, structured markdown export for LLM consumption, checkbox state management with progress tracking, tabbed navigation by execution context, copy-to-clipboard on all code blocks, MANDATORY TRIGGERS: checklist, task tracker, action items, task list, to-do list, runbook tracker, step tracker, interactive checklist, checklist web app, task tracker app.
帮我安装这个 skill：https://raw.githubusercontent.com/fullREFIT/skills/main/skills/interactive-checklist-skill/SKILL.mdcurl -fsSL "https://raw.githubusercontent.com/fullREFIT/skills/main/skills/interactive-checklist-skill/SKILL.md"# Interactive Checklist Skill Build production-quality interactive checklist web apps from task lists, action items, runbooks, or step-by-step procedures. Every output is a single self-contained HTML file with all CSS and JS inline — no build step, no framework, deployable to Vercel via drag-and-drop. ## Table of Contents 1. [When to Use](#when-to-use) 2. [Quick Start Workflow](#quick-start-workflow) 3. [Architecture Decision Tree](#architecture-decision-tree) 4. [Core Components](#core-components) 5. [Design System](#design-system) 6. [State Management](#state-management) 7. [Security](#security) 8. [Quality Gate](#quality-gate) 9. [Bundled Resources](#bundled-resources) --- ## When to