From context-bar
Show a single-line context usage progress bar with color-coded statusline
npx claudepluginhub abhattacherjee/claude-code-skills --plugin context-barThis skill uses the workspace's default tool permissions.
Run this command. The Bash output IS the result — do NOT echo or repeat it in your response. Say nothing after the command runs.
Guides Next.js Cache Components and Partial Prerendering (PPR) with cacheComponents enabled. Implements 'use cache', cacheLife(), cacheTag(), revalidateTag(), static/dynamic optimization, and cache debugging.
Guides building MCP servers enabling LLMs to interact with external services via tools. Covers best practices, TypeScript/Node (MCP SDK), Python (FastMCP).
Generates original PNG/PDF visual art via design philosophy manifestos for posters, graphics, and static designs on user request.
Run this command. The Bash output IS the result — do NOT echo or repeat it in your response. Say nothing after the command runs.
bash ~/.claude/skills/context-bar/context-bar.sh
To always see context usage in your Claude Code statusline, copy statusline-command.sh to ~/.claude/ and add to your settings.json (user-level or project-level .claude/settings.local.json):
{
"statusLine": {
"type": "command",
"command": "bash ~/.claude/statusline-command.sh"
}
}
The statusline shows model, directory, git branch, and a color-coded context bar (green <50%, amber 50-79%, red 80%+).