---
title: "prayer-times"
url: "https://claudemods.dev/zh-cn/builds/prayer-times-7189ed"
source: "https://github.com/hamzafer/claude-code-mods/tree/main/mods/prayer-times"
source_type: "github"
repo: "https://github.com/hamzafer/claude-code-mods/tree/main/mods/prayer-times"
author: "hamzafer"
author_handle: "hamzafer"
stars: 164
category: "其他"
categories: ["other"]
tags: []
permission_level: 2
scan_complete: true
install: "claude plugin marketplace add hamzafer/claude-code-mods\nclaude plugin install prayer-times"
added: "2026-10-09T05:21:46.765Z"
updated: "2026-10-08T13:27:14Z"
locale: "zh-cn"
content_locale: "zh-cn"
---

# prayer-times

当前的礼拜时间及剩余时长、下一次礼拜时间，以及 zawal，显示在提示栏上方。由你的电脑根据你的位置计算，不会发送到任何地方。

## Description

<p align="center"><img src="images/claude-wave.gif" alt="" width="40"></p>

<h1 align="center">Claude Code mods</h1>

<p align="center"><b>让 Claude Code 显示它正在做的事。</b><br>Claude Code 插件，基于函数钩子（function hooks）构建：提示栏上方的实时信息行、防护、面板与游戏。只安装你需要的。</p>

<p align="center">
  <a href="LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg" alt="MIT"></a>
  <a href="https://github.com/hamzafer/claude-code-mods/actions/workflows/ci.yml"><img src="https://github.com/hamzafer/claude-code-mods/actions/workflows/ci.yml/badge.svg?branch=main" alt="CI"></a>
</p>

<p align="center">
  <a href="#-install">安装</a> · <a href="#-the-mods">所有模组</a> · <a href="docs/mods.md">文档</a> · <a href="https://claude.dev/blog/getting-started-with-claude-code-mods/">什么是 mods？</a>
</p>

<table>
  <tr>
    <td align="center" width="33%"><a href="docs/mods.md#-context-bar"><img src="images/context-bar.png" alt="context-bar：Claude Code 上下文窗口用量，以堆叠条形显示，每个类别一种颜色" width="260"></a><br>📊 <b>context-bar</b><br>什么占满了你的上下文</td>
    <td align="center" width="33%"><a href="docs/mods.md#-review-watch"><img src="images/review-watch.png" alt="review-watch：Claude Code 中正在运行的 Codex 与子代理代码审查的实时信息行" width="260"></a><br>🔍 <b>review-watch</b><br>正在运行的代码审查，实时查看</td>
    <td align="center" width="33%"><a href="docs/mods.md#-md-preview"><img src="images/md-preview.png" alt="md-preview：Claude Code 编辑的 Markdown，像 GitHub 一样渲染，并列显示在差异旁" width="260"></a><br>📝 <b>md-preview</b><br>像 GitHub 一样渲染的 Markdown</td>
  </tr>
  <tr>
    <td align="center" width="33%"><a href="docs/mods.md#-blast-radius"><img src="images/gallery/blast-radius.png" alt="blast-radius：Claude Code 钩子拦截 rm -rf，并列出它会删除的文件" width="260"></a><br>💥 <b>blast-radius</b><br>查看 <code>rm -rf</code> 会删除什么</td>
    <td align="center" width="33%"><a href="docs/mods.md#-now-playing"><img src="images/now-playing.png" alt="now-playing：Claude Code 内的 Spotify 曲目、进度条与同步歌词" width="260"></a><br>🎵 <b>now-playing</b><br>Spotify 及其歌词，实时显示</td>
    <td align="center" width="33%"><a href="docs/mods.md#-reels-and-snake"><img src="images/reels-demo.gif" alt="reels：Claude 工作时，在 Claude Code 面板中播放 YouTube Shorts" width="260"></a><br>📱 <b>reels</b><br>Claude 工作时看 Shorts</td>
  </tr>
  <tr>
    <td align="center" width="33%"><a href="docs/mods.md#-where-am-i"><img src="images/gallery/where-am-i.png" alt="where-am-i：会话目标、当前步骤以及等待你处理的事项，显示在 Claude Code 提示栏上方" width="260"></a><br>📍 <b>where-am-i</b><br>目标、当前进展、等待你的事</td>
    <td align="center" width="33%"><a href="docs/mods.md#-lines-above-the-prompt"><img src="images/gallery/lines.png" alt="token-weather、usage-meter 等 Claude Code 状态行堆叠在提示栏上方" width="260"></a><br>🌦️ <b>token-weather 等</b><br>提示栏上方的信息行</td>
    <td align="center" width="33%"><a href="#mission-control"><img src="images/gallery/mission-control.png" alt="mission-control：Claude Code 子代理、工具调用，以及它们实时涉及的文件" width="260"></a><br>🛰️ <b>mission-control</b><br>代理及其涉及的代码</td>
  </tr>
</table>

## 🚀 安装

先添加一次插件市场，然后按名称安装任何模组：

```sh
claude plugin marketplace add hamzafer/claude-code-mods
claude plugin install context-bar@claude-code-mods
```

或者一次性安装通用组合：

```sh
for m in context-bar token-weather usage-meter where-am-i next-steps agent-radar review-watch replay-theater md-preview blast-radius mission-control; do
  claude plugin install "$m@claude-code-mods"
done
```

安装后重启 Claude Code。若想不安装先试用：

```sh
git clone https://github.com/hamzafer/claude-code-mods && cd claude-code-mods
claude --plugin-dir mods/context-bar
```

> **需要** Claude Code 2.1.287+。部分模组需要更多条件（Chrome、`gh`、某个连接器），表格中会注明。

## 🧩 模组

### 👀 查看正在发生的事

| | 模组 | 功能 | 命令 |
| --- | --- | --- | --- |
| 🛰️ | **mission-control** | 实时显示代理、工具调用以及它们涉及的代码地图 | `/mission` |
| 📊 | **context-bar** | 将上下文窗口显示为一条堆叠条形，每个类别一种颜色，附带令牌数量及压缩位置 | `/context-bar` |
| 🌦️ | **token-weather** | 上下文填充程度，从清空到即将压缩，外加提示缓存倒计时 | |
| ⏱️ | **cache-clock** | 状态行下方的提示缓存行，数据来自 Claude Code 自身：剩余时间、命中率与未命中次数，以及缓存变冷后你的下一条消息需要重新缓存的令牌数。需要 Node 与 Claude Code 2.1.251+ | `/cache-clock setup` |
| 📍 | **where-am-i** | 目标、当前正在做的事、等待你处理的事、下一步 | `/where` |
| ➡️ | **next-steps** | 每轮结束后给出 2 或 3 条可能的后续提示，按一个键即可起草其中一条 | `1` `2` `3`，`0` 隐藏 |
| 💰 | **usage-meter** | 5 小时与 7 天的套餐用量、重置倒计时，以及本次会话的费用 | |
| 💳 | **openai-balance** | 你的 OpenAI API 额度：附仪表的估算余额、今日支出、资金主要花在哪里，以及最近一次调用。需要 OpenAI 组织的管理员密钥 | `/openai-balance` |
| 📡 | **agent-radar** | 每个正在运行的子代理一行实时信息 | `/radar` |
| 🔍 | **review-watch** | 每个正在运行的代码审查一行实时信息（Codex 或审查子代理），包含模型、目标、已用时间以及 Codex 的最新输出。审查结束时，提示会列出发现的问题 | |
| 🌐 | **browser-lanes** | 本次会话是否有浏览器，以及由谁持有 | `/browser` |
| 🕌 | **prayer-times** | 当前的礼拜时间及剩余时长、下一次礼拜时间，以及 zawal。在你的电脑上计算，可选哈乃斐派或标准的 Asr | `/prayers` |
| 🎬 | **replay-theater** | 逐步查看上一轮的编辑，每次一个差异 | `/replay` |
| 📝 | **md-preview** | 像 GitHub 一样渲染 Claude 编辑的 Markdown 文件，前后版本并排显示。需要 Chrome 以及能显示图片的终端 | `/md` |

### 🛡️ 保护你的仓库

| | 模组 | 功能 | 命令 |
| --- | --- | --- | --- |
| 💥 | **blast-radius** | 拦截 `rm -r`、强制推送与迁移，显示它们会删除什么，60 秒内无回应则取消 | |

### 💸 节省开销

| | 模组 | 功能 | 命令 |
| --- | --- | --- | --- |
| 🔀 | **switchboard** | 为未指定模型的每个子代理选择模型，依据其简短标签，使用 [OpenAI 的 Decisions API](https://developers.openai.com/api/docs/guides/decisions) 或 [Jev](https://docs.typesafe.ai)。并显示每个子代理的花费 | `/route` |

### 🔧 我的配置（可分叉后自行修改）

这些模组基于我自己的工具和规则构建。你可以分叉后把规则改成你的。

| | 模组 | 功能 | 命令 |
| --- | --- | --- | --- |
| 👀 | **glance** | 一行显示需要你处理的事：下一场会议、PR、Linear 议题、Slack 私信。需要 `gh`，以及 Google 日历、Linear 和 Slack 连接器 | `/glance` |
| 🚦 | **merge-gate** | 在 CI 全部通过且 Codex 审查过一次之前，拦截 `gh pr merge`。需要 `gh` 与 Codex CLI。审查固定使用一个模型，可改成你的 | `/gate` |
| 📏 | **rulebook-guard** | 执行我的写作与 git 规则：改写破折号、执行 `--amend` 前先询问、未格式化的推送，以及笔记中的邮箱和电话号码 | |
| 💾 | **session-saver** | 保存你离开时的进度，恢复时显示。需要 [unpause](https://github.com/hamzafer/unpause) | `/park [note]` |

### 🎮 娱乐用（可选）

| | 模组 | 功能 | 命令 |
| --- | --- | --- | --- |
| 📱 | **reels** | Claude 工作时播放 YouTube Shorts，完成后暂停 | `/reels` |
| 🐍 | **snake** | Claude 工作时玩贪吃蛇 | `/snake` |
| 🎵 | **now-playing** | 显示 Spotify 正在播放的内容，附进度条、正在演唱的歌词，以及 ⏮ ⏸ ⏭ 按钮。需要 macOS 与 Spotify 应用 | `/music` |

<a id="mission-control"></a>

## 🛰️ 旗舰模组：mission-control

每个子代理、每次工具调用，以及它们涉及的每个文件，都显示在聊天旁边的面板中。以 4 倍速展示：两个子代理跨四个文件构建登出功能。

![mission-control 4 倍速：两个子代理与登出功能跨四个文件落地](images/mission-control.gif)

安装方式与其他模组相同，重启后输入 `/mission`（或 `/mission code` 打开代码地图）。按 `q` 关闭。

- 🤖 `w` 实时显示代理及每次工具调用
- 🗺️ `c` 显示带导入箭头的代码地图
- 🔵 **蓝色**：代理正在读取文件
- 🟠 **橙色**：正在写入
- 🟢 **绿色**：完成，并附一行说明改动内容

> 代码视图还需要 macOS、Google Chrome，以及能显示图片的终端（Ghostty、kitty、iTerm2）。“Who” 视图在任何地方都能用。

## 📚 更多

- 📖 [**docs/mods.md**](docs/mods.md)：它们的工作方式、配置说明，以及如何构建自己的模组
- 🎥 [**docs/demo.md**](docs/demo.md)：视频与截图
- ⭐ 早期项目：[**cursor-commands**](https://github.com/hamzafer/cursor-commands) [![stars](https://img.shields.io/github/stars/hamzafer/cursor-commands?style=social)](https://github.com/hamzafer/cursor-commands)，为 Cursor 斜杠命令获得 600+ 星
- 🤝 [**CONTRIBUTING.md**](CONTRIBUTING.md)：添加你自己的模组

## Install

```
claude plugin marketplace add hamzafer/claude-code-mods
claude plugin install prayer-times
```

## Original README

<p align="center"><img src="images/claude-wave.gif" alt="" width="40"></p>

<h1 align="center">Claude Code mods</h1>

<p align="center"><b>Make Claude Code show what it's doing.</b><br>Plugins for Claude Code, built on function hooks: live lines above the prompt, guards, panes and games. Install only the ones you want.</p>

<p align="center">
  <a href="LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue.svg" alt="MIT"></a>
  <a href="https://github.com/hamzafer/claude-code-mods/actions/workflows/ci.yml"><img src="https://github.com/hamzafer/claude-code-mods/actions/workflows/ci.yml/badge.svg?branch=main" alt="CI"></a>
</p>

<p align="center">
  <a href="#-install">Install</a> · <a href="#-the-mods">All mods</a> · <a href="docs/mods.md">Docs</a> · <a href="https://claude.dev/blog/getting-started-with-claude-code-mods/">What are mods?</a>
</p>

<table>
  <tr>
    <td align="center" width="33%"><a href="docs/mods.md#-context-bar"><img src="images/context-bar.png" alt="context-bar: Claude Code context window usage as a stacked bar, a color per category" width="260"></a><br>📊 <b>context-bar</b><br>what fills your context</td>
    <td align="center" width="33%"><a href="docs/mods.md#-review-watch"><img src="images/review-watch.png" alt="review-watch: live lines for running Codex and subagent code reviews in Claude Code" width="260"></a><br>🔍 <b>review-watch</b><br>running code reviews, live</td>
    <td align="center" width="33%"><a href="docs/mods.md#-md-preview"><img src="images/md-preview.png" alt="md-preview: Markdown that Claude Code edits, rendered like GitHub next to the diff" width="260"></a><br>📝 <b>md-preview</b><br>Markdown rendered like GitHub</td>
  </tr>
  <tr>
    <td align="center" width="33%"><a href="docs/mods.md#-blast-radius"><img src="images/gallery/blast-radius.png" alt="blast-radius: a Claude Code hook holds rm -rf and lists the files it would delete" width="260"></a><br>💥 <b>blast-radius</b><br>see what <code>rm -rf</code> would delete</td>
    <td align="center" width="33%"><a href="docs/mods.md#-now-playing"><img src="images/now-playing.png" alt="now-playing: Spotify track, progress bar and synced lyrics inside Claude Code" width="260"></a><br>🎵 <b>now-playing</b><br>Spotify and its lyrics, live</td>
    <td align="center" width="33%"><a href="docs/mods.md#-reels-and-snake"><img src="images/reels-demo.gif" alt="reels: YouTube Shorts in a Claude Code pane while it works" width="260"></a><br>📱 <b>reels</b><br>Shorts while Claude works</td>
  </tr>
  <tr>
    <td align="center" width="33%"><a href="docs/mods.md#-where-am-i"><img src="images/gallery/where-am-i.png" alt="where-am-i: the session goal, current step and what waits on you, above the Claude Code prompt" width="260"></a><br>📍 <b>where-am-i</b><br>goal, now, waiting on you</td>
    <td align="center" width="33%"><a href="docs/mods.md#-lines-above-the-prompt"><img src="images/gallery/lines.png" alt="token-weather, usage-meter and other Claude Code status lines stacked above the prompt" width="260"></a><br>🌦️ <b>token-weather and friends</b><br>lines above the prompt</td>
    <td align="center" width="33%"><a href="#mission-control"><img src="images/gallery/mission-control.png" alt="mission-control: Claude Code subagents, tool calls and the files they touch, live" width="260"></a><br>🛰️ <b>mission-control</b><br>agents and the code they touch</td>
  </tr>
</table>

## 🚀 Install

Add the marketplace once, then install any mod by name:

```sh
claude plugin marketplace add hamzafer/claude-code-mods
claude plugin install context-bar@claude-code-mods
```

Or install the general-purpose set in one go:

```sh
for m in context-bar token-weather usage-meter where-am-i next-steps agent-radar review-watch replay-theater md-preview blast-radius mission-control; do
  claude plugin install "$m@claude-code-mods"
done
```

Restart Claude Code after installing. To try one without installing:

```sh
git clone https://github.com/hamzafer/claude-code-mods && cd claude-code-mods
claude --plugin-dir mods/context-bar
```

> **Needs** Claude Code 2.1.287+. A few mods need more (Chrome, `gh`, a connector); the tables say which.

## 🧩 The mods

### 👀 See what's happening

| | Mod | What it does | Command |
| --- | --- | --- | --- |
| 🛰️ | **mission-control** | Live map of agents, tool calls and the code they touch | `/mission` |
| 📊 | **context-bar** | Your context window as one stacked bar, a color per category, with token counts and where it compacts | `/context-bar` |
| 🌦️ | **token-weather** | Context fill from Clear to Compact soon, plus a prompt-cache countdown | |
| ⏱️ | **cache-clock** | A prompt-cache line under your status line, from Claude Code's own figures: time left, hit rate and misses, and the tokens your next message re-caches once it goes cold. Needs Node and Claude Code 2.1.251+ | `/cache-clock setup` |
| 📍 | **where-am-i** | Goal, doing now, waiting on you, next step | `/where` |
| ➡️ | **next-steps** | 2 or 3 likely next prompts after each turn, one key to draft one | `1` `2` `3`, `0` hides |
| 💰 | **usage-meter** | 5-hour and 7-day plan usage, the reset countdown and the session's cost | |
| 💳 | **openai-balance** | Your OpenAI API credit: an estimated balance with a gauge, today's spend, where the money mostly went, and the last call. Needs an OpenAI organization Admin key | `/openai-balance` |
| 📡 | **agent-radar** | One live line per running subagent | `/radar` |
| 🔍 | **review-watch** | One live line per running code review (Codex or a review subagent) with the model, target, elapsed time and Codex's latest output. A toast lists the findings when it ends | |
| 🌐 | **browser-lanes** | Whether this session has a browser, and who holds it | `/browser` |
| 🕌 | **prayer-times** | The current prayer and how long is left, the next one, and zawal. Computed on your computer, Hanafi or standard Asr | `/prayers` |
| 🎬 | **replay-theater** | Steps through the last turn's edits, one diff at a time | `/replay` |
| 📝 | **md-preview** | Renders the Markdown files Claude edits like GitHub does, with before and after side by side. Needs Chrome and a terminal that shows images | `/md` |

### 🛡️ Guard your repo

| | Mod | What it does | Command |
| --- | --- | --- | --- |
| 💥 | **blast-radius** | Holds `rm -r`, force pushes and migrations, shows what they'd delete, cancels after 60 s with no answer | |

### 💸 Spend less

| | Mod | What it does | Command |
| --- | --- | --- | --- |
| 🔀 | **switchboard** | Picks the model for each subagent that doesn't name one, with [OpenAI's Decisions API](https://developers.openai.com/api/docs/guides/decisions) or [Jev](https://docs.typesafe.ai), from its short label only. Shows what every subagent cost | `/route` |

### 🔧 My setup (fork and adapt)

These are built around my own tools and rules. Fork them and change the rules to yours.

| | Mod | What it does | Command |
| --- | --- | --- | --- |
| 👀 | **glance** | One line with what needs you: next meeting, PRs, Linear issues, Slack DMs. Needs `gh` and the Google Calendar, Linear and Slack connectors | `/glance` |
| 🚦 | **merge-gate** | Holds `gh pr merge` until CI is green and Codex reviewed once. Needs `gh` and the Codex CLI. Reviews run on one fixed model; change it to yours | `/gate` |
| 📏 | **rulebook-guard** | Enforces my writing and git rules: rewrites em dashes, asks before `--amend`, unformatted pushes, emails and phone numbers in notes | |
| 💾 | **session-saver** | Saves where you left off, shows it on resume. Needs [unpause](https://github.com/hamzafer/unpause) | `/park [note]` |

### 🎮 For fun (opt-in)

| | Mod | What it does | Command |
| --- | --- | --- | --- |
| 📱 | **reels** | YouTube Shorts while Claude works, pauses when it's done | `/reels` |
| 🐍 | **snake** | Snake while Claude works | `/snake` |
| 🎵 | **now-playing** | What Spotify is playing, with a progress bar, the lyric being sung, and ⏮ ⏸ ⏭ buttons. Needs macOS and the Spotify app | `/music` |

<a id="mission-control"></a>

## 🛰️ Flagship: mission-control

Every subagent, every tool call and every file they touch, in a pane next to the chat. Shown at 4x: two subagents building a logout feature across four files.

![mission-control at 4x: two subagents and a logout feature landing across four files](images/mission-control.gif)

Install it like any mod, restart, and type `/mission` (or `/mission code` to open the code map). `q` closes it.

- 🤖 `w` shows the agents and every tool call, live
- 🗺️ `c` shows the code map, with import arrows
- 🔵 **Blue** while the agent reads a file
- 🟠 **Orange** while it writes
- 🟢 **Green** when done, with one line on what changed

> The Code view also needs macOS, Google Chrome and a terminal that shows images (Ghostty, kitty, iTerm2). The Who view works everywhere.

## 📚 More

- 📖 [**docs/mods.md**](docs/mods.md): how they behave, setup notes and build your own
- 🎥 [**docs/demo.md**](docs/demo.md): videos and screenshots
- ⭐ Earlier project: [**cursor-commands**](https://github.com/hamzafer/cursor-commands) [![stars](https://img.shields.io/github/stars/hamzafer/cursor-commands?style=social)](https://github.com/hamzafer/cursor-commands), 600+ stars for Cursor slash commands
- 🤝 [**CONTRIBUTING.md**](CONTRIBUTING.md): add your own mod