---
title: "prayer-times"
url: "https://claudemods.dev/ko/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: "ko"
content_locale: "ko"
---

# 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>함수 훅(function hooks)으로 만든 Claude Code 플러그인입니다. 프롬프트 위의 실시간 줄, 가드, 패널, 게임을 제공합니다. 원하는 것만 설치하세요.</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">전체 mod</a> · <a href="docs/mods.md">문서</a> · <a href="https://claude.dev/blog/getting-started-with-claude-code-mods/">mod란?</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을 diff 옆에 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>

## 🚀 설치

마켓플레이스를 한 번 추가한 뒤 이름으로 원하는 mod를 설치하세요.

```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+. 일부 mod는 더 많은 것이 필요합니다(Chrome, `gh`, 커넥터). 표에 표시되어 있습니다.

## 🧩 mod 목록

### 👀 무엇이 일어나는지 보기

| | Mod | 기능 | 명령 |
| --- | --- | --- | --- |
| 🛰️ | **mission-control** | 에이전트, 도구 호출, 이들이 건드리는 코드를 실시간 지도로 표시 | `/mission` |
| 📊 | **context-bar** | 컨텍스트 창을 카테고리별 색이 다른 누적 막대 하나로 표시하고, 토큰 수와 압축 위치를 함께 표시 | `/context-bar` |
| 🌦️ | **token-weather** | Clear에서 곧 Compact까지의 컨텍스트 사용량과 프롬프트 캐시 카운트다운 | |
| ⏱️ | **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 조직 Admin 키 필요 | `/openai-balance` |
| 📡 | **agent-radar** | 실행 중인 서브에이전트마다 한 줄씩 실시간 표시 | `/radar` |
| 🔍 | **review-watch** | 실행 중인 코드 리뷰(Codex 또는 리뷰 서브에이전트)마다 한 줄씩 실시간 표시. 모델, 대상, 경과 시간, Codex의 최신 출력을 포함. 끝나면 토스트로 발견 사항 목록 표시 | |
| 🌐 | **browser-lanes** | 이 세션에 브라우저가 있는지, 그리고 누가 쓰고 있는지 | `/browser` |
| 🕌 | **prayer-times** | 현재 예배 시간과 남은 시간, 다음 예배 시간, zawal. 사용자의 컴퓨터에서 계산하며 Hanafi 또는 표준 Asr 중 선택 | `/prayers` |
| 🎬 | **replay-theater** | 마지막 턴의 편집을 하나의 diff씩 넘겨 보기 | `/replay` |
| 📝 | **md-preview** | Claude가 편집한 Markdown 파일을 GitHub처럼 렌더링하고 변경 전후를 나란히 표시. Chrome과 이미지를 보여 주는 터미널 필요 | `/md` |

### 🛡️ 저장소 보호

| | Mod | 기능 | 명령 |
| --- | --- | --- | --- |
| 💥 | **blast-radius** | `rm -r`, 강제 푸시, 마이그레이션을 막고 무엇이 삭제될지 보여 줌. 60초 동안 응답이 없으면 취소 | |

### 💸 비용 줄이기

| | Mod | 기능 | 명령 |
| --- | --- | --- | --- |
| 🔀 | **switchboard** | 모델을 지정하지 않은 서브에이전트마다, 짧은 라벨만 보고 [OpenAI Decisions API](https://developers.openai.com/api/docs/guides/decisions) 또는 [Jev](https://docs.typesafe.ai)로 모델 선택. 각 서브에이전트의 비용도 표시 | `/route` |

### 🔧 내 설정 (포크해서 수정)

제 도구와 규칙에 맞춰 만든 mod입니다. 포크한 다음 규칙을 여러분의 것으로 바꾸세요.

| | Mod | 기능 | 명령 |
| --- | --- | --- | --- |
| 👀 | **glance** | 사용자가 처리해야 할 것을 한 줄로 표시: 다음 회의, PR, Linear 이슈, Slack DM. `gh`와 Google Calendar, 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]` |

### 🎮 재미로 (선택 사항)

| | Mod | 기능 | 명령 |
| --- | --- | --- | --- |
| 📱 | **reels** | Claude가 작업하는 동안 YouTube Shorts 재생, 끝나면 일시 정지 | `/reels` |
| 🐍 | **snake** | Claude가 작업하는 동안 스네이크 게임 | `/snake` |
| 🎵 | **now-playing** | Spotify에서 재생 중인 곡을 진행 막대, 지금 불리는 가사, ⏮ ⏸ ⏭ 버튼과 함께 표시. macOS와 Spotify 앱 필요 | `/music` |

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

## 🛰️ 대표 mod: mission-control

모든 서브에이전트, 모든 도구 호출, 그리고 이들이 건드리는 모든 파일을 채팅 옆 패널에 보여 줍니다. 4배속으로 보여 주는 화면입니다. 서브에이전트 두 개가 네 개의 파일에 걸쳐 로그아웃 기능을 만듭니다.

![4배속 mission-control: 서브에이전트 두 개와 로그아웃 기능이 네 개의 파일에 반영되는 모습](images/mission-control.gif)

다른 mod와 같은 방식으로 설치하고 다시 시작한 뒤 `/mission`을 입력하세요(코드 지도를 열려면 `/mission code`). `q`를 누르면 닫힙니다.

- 🤖 `w`: 에이전트와 모든 도구 호출을 실시간으로 표시
- 🗺️ `c`: 가져오기 화살표가 있는 코드 지도 표시
- 🔵 **파란색**: 에이전트가 파일을 읽는 중
- 🟠 **주황색**: 파일에 쓰는 중
- 🟢 **초록색**: 완료. 무엇이 바뀌었는지 한 줄로 표시

> Code 보기에는 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): 직접 만든 mod 추가하기

## 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