HN 표시: Claude Code QoL 플러그인 NerdFlair

hackernews | | 📦 오픈소스
#claude #claude code #command r #nerdflair #qol #review #상태바 #플러그인
원문 출처: hackernews · Genesis Park에서 요약 및 분석

요약

해커 뉴스에 'NerdFlair'라는 새로운 프로젝트가 소개되었습니다. 이것은 개발자를 위한 AI 코딩 도구인 'Claude Code'의 사용성을 개선하여 품질(QoL)을 높이는 것을 목표로 하는 플러그인입니다. 사용자는 이 도구를 통해 기존 코드 편집 기능의 한계를 보완하고 더욱 효율적인 개발 환경을 경험할 수 있습니다.

본문

A configurable bash statusline and audio/spinner pack for Claude Code /plugin marketplace add jcraigk/nerdflair /plugin install nerdflair@jcraigk-nerdflair /nerdflair install Restart Claude Code after install for the changes to take effect. - 3 layout modes: full (3 rows), compact (2 rows), minimal (1 row) - Context bar: color shifts from green to red as context fills, with a compaction threshold marker and randomizable icon and texture decorations (flair) - 3 color palettes: vibrant (full color), muted (desaturated), mono (grayscale) - Custom spinner verbs: 150 themed thinking/working phrases - Terminal bell: (tab indicator) on Notification, PermissionRequest, and Stop events - Audio chimes (macOS, Linux): 20 styles, configurable per-event, adjustable volume - Project folder display: always shows the launch directory, not the current subdirectory Claude may have navigated to - Git branch, files edited, and lines added/removed - Model name with output style indicator - Active MCP servers - Session cost, API duration, and token throughput A Nerd Font is required. The statusline uses Nerd Font glyphs for icons, Powerline caps, and context bar textures. Without one installed, characters render as boxes. Install via Homebrew or download from nerdfonts.com: brew install --cask font-jetbrains-mono-nerd-font Terminal font configuration Installing only puts the font files on disk; your terminal won't use it until you select it: | Terminal | Where to set the font | |---|---| | iTerm2 | Settings -> Profiles -> Text -> Font -> select "JetBrainsMono Nerd Font" | | Terminal.app | Settings -> Profiles -> (your profile) -> Font -> Change -> select "JetBrainsMono Nerd Font" | | Warp | Settings -> Appearance -> Terminal font -> select "JetBrainsMono Nerd Font" | | Ghostty | Add font-family = JetBrainsMono Nerd Font to ~/.config/ghostty/config | | VS Code terminal | Settings -> search "terminal font" -> set Terminal > Integrated: Font Family to JetBrainsMono Nerd Font | Use the /nerdflair command to configure the statusline: Command reference | Command | Effect | |---|---| /nerdflair | Show current settings and command reference | /nerdflair install | First-time install (font check, settings.json config) | /nerdflair uninstall | Remove nerdflair from settings and clean up data | /nerdflair info | Show current settings without changing anything | /nerdflair chime-events | Show/toggle which events play chimes | /nerdflair chime-session [style] | Set chime style for this session only (plays preview) | /nerdflair chime-style [style] | Set or cycle global chime style (random, BalladPiano, ...) | /nerdflair chime-volume [0-100] | Set chime volume (0 = muted) | /nerdflair color-palette [mode] | Set or cycle palette (vibrant, muted, mono) | /nerdflair layout [mode] | Set or cycle layout (full, compact, minimal) | /nerdflair spinner-verbs | Toggle custom spinner verbs on/off | /nerdflair terminal-bell | Toggle terminal bell on/off (tab indicator) | /nerdflair width [auto|50-150] | Set layout width | A lightweight extension brings NerdFlair's audio chimes to Cursor (or VS Code). It reuses the same 20 chime styles from the Claude Code plugin. - Random style per session — one of 20 chime styles is chosen at random each time the editor opens - Audio chimes via Cursor hooks — SessionStart, Stop, and SessionEnd sounds - Status bar — shows the current style; click to cycle through all 20 Clone the repo and symlink the extension into your editor's extensions directory: git clone https://github.com/jcraigk/nerdflair.git ~/nerdflair # Cursor ln -s ~/nerdflair/cursor-extension ~/.cursor/extensions/nerdflair-chimes # VS Code (if using VS Code instead) ln -s ~/nerdflair/cursor-extension ~/.vscode/extensions/nerdflair-chimes Then add the hooks config at ~/.cursor/hooks.json (adjust the path if you cloned elsewhere): { "version": 1, "hooks": { "sessionStart": [ { "command": "bash ~/nerdflair/cursor-extension/play-chime.sh SessionStart" } ], "stop": [ { "command": "bash ~/nerdflair/cursor-extension/play-chime.sh Stop" } ], "sessionEnd": [ { "command": "bash ~/nerdflair/cursor-extension/play-chime.sh SessionEnd" } ] } } Restart the editor. You should hear a startup chime and see the style name in the status bar. Search "nerdflair" in Settings to configure: | Setting | Default | Description | |---|---|---| nerdflair-chimes.volume | 1.0 | Playback volume (0–1) | nerdflair-chimes.audioDirectory | auto-detect | Override path to assets/audio | Note: The extension requires jq andafplay (macOS) orpaplay (Linux) for audio playback. Three bash scripts and one JSON state file. - Renderer ( scripts/statusline.sh ) — Claude Code pipes session JSON on every refresh. Reads state, outputs ANSI-colored statusline. - Configurator ( scripts/nerdflair.sh ) — Handles/nerdflair commands. Reads and writes the state file. - Hook Handler ( hooks/bell.sh ) — Fired on Claude Code events. Sends terminal bell and plays audio chimes (macOS, Linux) based on user-defined config. A

Genesis Park 편집팀이 AI를 활용하여 작성한 분석입니다. 원문은 출처 링크를 통해 확인할 수 있습니다.

공유

관련 저널 읽기

전체 보기 →