wth461694678/text-block-timer/text-block-timer-dev-pipeline
Claude Code and agent skill by wth461694678/text-block-timer
- community
Checking that the SKILL.md file is still in the repository.
This skill should be used when a user wants to develop new features for the Text Block Timer Obsidian plugin. It drives a full 9-phase development pipeline from a one-line requirement through PRD → UX Review → Data Schema Design → Technical Design → Architecture Review → Implementation Breakdown → Test Cases → Coding → Testing. Trigger keywords include 执行开发流水线, Phase, PRD, 技术方案, 架构Review, 实现分拆, 测试用例, 开发, text-block-timer.
Install
npx vskill@latest install wth461694678/text-block-timer/text-block-timer-dev-pipelineSKILL.md
Text Block Timer 全流程开发 Skill
Overview
This skill generates a full development pipeline from a one-line requirement, supporting 9 sequential phases with different expert roles. Each phase produces artifacts that feed into the next, with automatic advancement and branch logic for rework.
Architecture: Single Project Pipeline
核心原则
| 维度 | 说明 | |
|---|---|---|
| 技术栈 | TypeScript 5、esbuild、CodeMirror 6、Obsidian API、ECharts 5、IndexedDB | |
| 数据层 | 三层同步:Markdown HTML span ↔ timer-db.json ↔ IndexedDB | |
| 平台 | Obsidian 桌面 + 移动端(iOS/Android) | |
| 测试 | 自研 CDP E2E(tests/e2e-timer-test.mjs + tests/chains/*.mjs,模块化测试链架构) | |
| 国际化 | 5 种语言(en/zh/zhTW/ja/ko) |
通用约束
| 约束 | 说明 | |
|---|---|---|
| Shell 环境 | 用户使用 PowerShell。PowerShell 不支持 `&&` 连接多条命令,必须使用 `;`(分号)分隔。所有终端命令一律遵守此规则。 |
项目上下文(所有阶段共享)
项目元信息
| 属性 | 值 | |
|---|---|---|
| 插件名称 | Text Block Timer | |
| 版本 | 1.0.9 | |
| 作者 | frankthwang | |
| 平台 | Obsidian(桌面 + 移动端 iOS/Android) | |
| 技术栈 | TypeScript 5、esbuild、CodeMirror 6、Obsidian API、ECharts 5、IndexedDB | |
| 入口文件 | src/main.ts | |
| 构建命令 | npm run dev(watch)/ npm run build(production) | |
| 测试框架 | 自研 CDP E2E(主入口 tests/e2e-timer-test.mjs + 链模块 tests/chains/*.mjs,基于 Chrome DevTools Protocol,自动启动 Obsidian) | |
| 数据存储 | Markdown 行内 HTML span + timer-db.json(JSON)+ IndexedDB(TimerPluginDB) |
源码目录结构
数据层架构
- Markdown HTML span:
<span class="timer-r" id="LzHk3a" data-dur="3600" data-ts="1740456240">【⏳01:00:00 】</span> - timer-db.json:
{ timers: { [id]: {...} }, daily_dur: { [date]: { [id]: seconds } } } - IndexedDB:
timersstore +daily_durstore,支持按 timer_id/stat_date 索引
已有文档(可 read_file 参考)
| 文件路径 | 内容 | |
|---|---|---|
doc/architecture.md | 整体架构分析 | |
doc/timer-sidebar/stage1-PRD.md | Timer Sidebar 的完整 PRD(v3.0) | |
doc/timer-sidebar/stage2-ux-review.md | Timer Sidebar UX Review | |
doc/timer-sidebar/stage3-data-schema.md | Timer Sidebar 数据设计 | |
doc/timer-sidebar/stage4-tech-design.md | Timer Sidebar 技术设计文档 | |
doc/timer-sidebar/stage5-arch-review.md | Timer Sidebar 架构评审 | |
doc/timer-sidebar/stage6-implementation-plan.md | Timer Sidebar 实施计划 | |
doc/timer-sidebar/stage7-test-cases.md | Timer Sidebar 测试用例 |
关键约束(必须遵守)
- 不可使用 native 模块(如 better-sqlite3),Obsidian 插件规范禁止
- 必须同时兼容桌面和移动端(iOS/Android Obsidian),移动端不支持 native binding
- CodeMirror 6 由 Obsidian 宿主提供,不可自行 bundle(
external配置) - HTML span 嵌入 Markdown 是核心设计约束,所有计时器数据通过行内 span 持久化
- 三层数据必须保持一致:Markdown ↔ JSON ↔ IDB,任何修改需同步三层
- 国际化:所有用户可见文本必须通过
translations.ts支持 5 种语言 - 构建产物:单文件
main.js(CJS 格式),通过 esbuild bundle - E2E 测试:通过 CDP 连接真实 Obsidian 实例运行,测试链(chain)模式,支持按链选择性执行
System Instructions
Quick Reference: 工作流摘要
执行模式
- 完整流水线: 从 Phase 1 到 Phase 9 依次执行
- 指定起始阶段: 从任意 Phase 开始(需提供前序产出)
- 单阶段执行: 仅执行指定的某个 Phase
- 返工: 回退到指定 Phase 重新执行
- 跳过阶段: 跳过不需要的阶段
自动推进规则
重要:从 Phase 4 开始,Agent 必须自动连续执行 Phase 4 → 5 → 6 → 7 → 8 → 9,中间不暂停、不等待用户确认。只有当出现不可恢复的错误(如构建失败 3 次、测试失败 3 轮仍未修复)时才暂停并报告。
运行时控制命令
| 命令 | 效果 | |
|---|---|---|
暂停 | 暂停当前阶段,等待进一步指示 | |
继续 | 从暂停处恢复执行 | |
返工 Phase N | 回退到 Phase N 重新执行 | |
跳过 | 跳过当前阶段,进入下一阶段 | |
只测 [chain] | Phase 9 只运行指定的测试链 |
Phase 1:产品经理 — 撰写 PRD
role: 拥有 10 年经验的资深产品经理,精通 Obsidian 插件生态和效率工具产品设计 input: 用户的一句话需求描述 output: doc/{{feature_name}}/stage1-PRD.md completion_marker: [Phase 1 完成 ✅]
Tools(需调用的工具)
| 工具 | 用途 | |
|---|---|---|
| read_file | 读取 doc/architecture.md 了解现有架构 | |
| read_file | 读取 doc/timer-sidebar/stage1-PRD.md 参考已有 PRD 风格 | |
| edit_file | 将 PRD 写入 doc/{{feature_name}}/stage1-PRD.md |
Steps
PRD Template
Self-Review Checklist
Phase 2:UI/UX 专家 — Review PRD 交互方案
role: 拥有 8 年经验的资深 UI/UX 设计师,专注桌面效率工具和移动端适配,精通 Obsidian UI 模式 input: Phase 1 产出的 doc/{{feature_name}}/stage1-PRD.md output: 修改后的 doc/{{feature_name}}/stage1-PRD.md(标注 [UX-优化])+ doc/{{feature_name}}/stage2-ux-review.md completion_marker: [Phase 2 完成 ✅]
Tools
| 工具 | 用途 | |
|---|---|---|
| read_file | 读取 Phase 1 产出的 PRD | |
| read_file | 读取 src/ui/TimerSidebarView.ts(了解现有 UI 模式) | |
| read_file | 读取 styles.css(了解现有样式) | |
| replace_in_file | 在 PRD 中原地修改/补充 UI/UX 优化 |
Steps
UX Review Checklist
桌面端:
移动端专项:
交互状态:
Modification Format
Phase 3:数仓分析师 — 表需求设计
role: 资深数据仓库工程师兼数据分析师,精通 IndexedDB schema 设计,深知 Obsidian 数据存储限制 input: Phase 2 优化后的 PRD output: doc/{{feature_name}}/stage3-data-schema.md completion_marker: [Phase 3 完成 ✅]
Tools
| 工具 | 用途 | |
|---|---|---|
| read_file | 读取 PRD 数据需求章节 | |
| read_file | 读取 src/core/TimerDatabase.ts(JSON 层 schema) | |
| read_file | 读取 src/core/TimerIndexedDB.ts(IDB 层 schema) |
Steps
Data Schema Template
Phase 4:架构师 — 撰写技术方案
role: 资深前端架构师,8 年 TypeScript 大型项目经验,精通 Obsidian Plugin API / CM6 / Web 性能优化 input: Phase 2 的 PRD + Phase 3 的数据表需求 output: doc/{{feature_name}}/stage4-tech-design.md completion_marker: [Phase 4 完成 ✅]
Tools
| 工具 | 用途 | |
|---|---|---|
| read_file | 读取 PRD + Phase 3 数据需求 | |
| read_file | 读取 doc/architecture.md + doc/timer-sidebar/stage4-tech-design.md | |
| codebase_search | 搜索需求涉及的模块源码 | |
| read_file | 深度阅读涉及的 .ts 文件 | |
| edit_file | 将技术方案写入 doc/{{feature_name}}/stage4-tech-design.md |
Steps
This is the start of the file. Read the full SKILL.md on GitHub.
Security
- Security scanPassed, 95 of 100Pattern checks on the skill's files.
- Model reviewPassed
Quality evaluation
- Task evaluationNot runNo evaluation yet. Run one in Skill Studio.
Source
- SKILL.md in the repositoryChecking.codebuddy/skills/text-block-timer-dev-pipeline/SKILL.md
Popularity
- Repository stars
- 98
- Repository forks
- 11
- 7-day trend score
- 23
Stars and forks are for the whole GitHub repository, not this skill alone. Refreshed 18 Mar 2026, 7 months ago.
Works with
Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.
- Claude Code
- Cursor
- GitHub Copilot
- Windsurf
- Codex
- Gemini CLI
- Cline
- Amp
- Roo Code
- Goose
- Continue
- Kilo Code
- Junie
- Trae
- OpenHands
- Qwen Code
- AI Agent
- Tabnine Chat
- Sourcegraph Cody
- Amazon Q
- Firebase Genkit
- Sweep
- Devin
- Phind
- Mentat
- Claude Desktop
- Aider
- GPT Pilot
- Plandex
- bolt.new
- v0
- Replit Agent
- Anse
- TypingMind
- BetterChatGPT
- LibreChat
- Warp AI
- Pieces
- Fig AI
Embed badge
[](https://verified-skill.com/skills/wth461694678/text-block-timer/text-block-timer-dev-pipeline)