BeClaude

og-image

New
3Community RegistryDevelopmentby alvinunreal + modifications by nsheaps

Generate OpenGraph images for Nuxt/Vue pages using HTML templates and html2png.dev API

Community PluginView Source

Overview

A curated collection of plugins, rules, agents, and commands for Claude Code.

What is this?

This repo is a plugin marketplace for Claude Code — a central place for reusable plugins, organization-wide rules, custom agents, and slash commands. It serves two purposes:

  1. Plugin distribution: 27 plugins covering git automation, safety evaluation, status lines, task management, and more
  2. Organization-wide AI configuration: Rules, agents, and commands that get synced to ~/.claude/ for consistent behavior across all projects

Installation

Installing a plugin

Add the plugin path to your project's .claude.json:

json
{
  "plugins": ["/path/to/this/repo/plugins/scm-utils", "/path/to/this/repo/plugins/statusline"]
}

Installing organization-wide rules

The .ai/rules/ directory is synced to ~/.claude/rules/ via automation (symlinks). This makes rules available across all projects without per-project configuration.

Available Plugins

Git & Source Control

PluginDescription
[commit-command](./plugins/commit-command)/commit — AI-generated commit messages matching your repo's style
[commit-skill](./plugins/commit-skill)Auto-analyze changes and create semantic commits during development
[scm-utils](./plugins/scm-utils)/commit, /update-branch commands + auth-user skill
[git-spice](./plugins/git-spice)Manage stacked Git branches with the gs CLI

Safety & Evaluation

PluginDescription
[safety-evaluation-prompt](./plugins/safety-evaluation-prompt)Pre-tool-call safety via prompt-style hooks
[safety-evaluation-script](./plugins/safety-evaluation-script)Pre-tool-call safety via script-style hooks (haiku CLI)
[context-bloat-prevention](./plugins/context-bloat-prevention)PostToolUse + PreToolUse hooks to detect and prevent context bloat

Status & Monitoring

PluginDescription
[statusline](./plugins/statusline)Configurable status line showing session info, project context, git status
[statusline-iterm](./plugins/statusline-iterm)Status line with iTerm2 badge integration

Development Workflow

PluginDescription
~~[review-changes](./plugins/review-changes)~~~~/review-changes — detailed code review feedback~~ DEPRECATED → use scm-utils
[code-simplifier](./plugins/code-simplifier)/simplify — refine code for clarity and maintainability
[create-command](./plugins/create-command)/create-command — guided slash command creation
~~[correct-behavior](./plugins/correct-behavior)~~~~/correct-behavior — fix AI behavior mistakes and update rules~~ DEPRECATED → use agentic-behavior
[sdlc-utils](./plugins/sdlc-utils)Iterative PRD writing with structured SDLC workflows

Task & Session Management

PluginDescription
[task-parallelization](./plugins/task-parallelization)Intelligently parallelize Task tool calls for batch operations
[todo-sync](./plugins/todo-sync)Auto-sync ~/.claude/ todos to project .claude/ directory
[self-terminate](./plugins/self-terminate)Graceful SIGINT termination for agents

Agent Teams & Orchestration

PluginDescription
[tmux-subagent](./plugins/tmux-subagent)/subagent — launch sub-agents in tmux with custom configs
[agent-teams-skills](./.ai/plugins/agent-teams-skills)Reference skill for agent teams: enabling, config, hooks, tmux

Integrations

PluginDescription
[linear-mcp-sync](./plugins/linear-mcp-sync)Linear MCP with hash validation hooks for safe ticket updates
[github-auth-skill](./plugins/github-auth-skill)GitHub device authorization flow authentication
[sync-settings](./plugins/sync-settings)Sync local Claude Code settings via syncconfig.yaml rules

Data & Utilities

PluginDescription
[data-serialization](./plugins/data-serialization)YAML/JSON/TOON/XML conversion; TOON reduces tokens 30-60%
[memory-manager](./plugins/memory-manager)Auto-detect and store user preferences in CLAUDE.md
[skills-maintenance](./plugins/skills-maintenance)Maintain, update, and improve existing Claude Code skills
[opengraph-image](./plugins/opengraph-image)Generate OpenGraph images via html2png.dev API

Organization-Wide Rules

21 behavioral rules in .ai/rules/ covering:

  • Code quality: DRY, KISS, YAGNI, incremental development
  • Git workflow: PR conventions, commit hygiene, branch management
  • Task management: Todo tracking, task planning, sub-agent delegation
  • Communication: Speech-to-text handling, intellectual honesty, polite correction
  • Safety: Verify before blaming, never say done prematurely, error handling

Rules are symlinked to ~/.claude/rules/ by automation and apply across all projects.

Custom Agents

6 custom agents in .ai/agents/:

AgentPurpose
conversation-history-searchSearch past Claude Code conversations (haiku model)
github-issue-creatorCreate GitHub issues for bugs and work items
internet-researcherDeep web research with reference gathering
research-leadLead and coordinate multi-source research
research-subagentFocused research sub-agent for deep dives
ui-ux-consultantDesktop UI/UX and accessibility expert

Slash Commands

4 commands in .ai/commands/:

CommandPurpose
/correct-behaviorFix AI behavior mistakes and update rules
/create-commandGuided slash command creation
/review-changesDetailed code change review
/relentlessly-fixPersistent fixing until resolved

Development

bash
mise run lint      # Run all linters
mise run validate  # Validate plugin structure
mise run check     # Run lint + validate

Contributing

To add a plugin:

  1. Create a directory in plugins/your-plugin-name/
  2. Add .claude-plugin/plugin.json with name, version, description
  3. Add your commands, skills, hooks, or agents
  4. Submit a pull request

Plugin Structure

code
plugins/your-plugin-name/
├── .claude-plugin/
│   └── plugin.json       # Required: name, version, description
├── commands/              # Slash commands (*.md)
├── skills/                # Agent skills (*/SKILL.md)
├── hooks/                 # Lifecycle hooks
├── agents/                # Agent definitions
└── README.md              # Optional

Related Projects

  • claude-team — CLI tool for launching agent team sessions
  • claude-utils — CLI helper scripts for Claude Code (Homebrew)
  • agent-team — POC for provider-agnostic agent orchestration

References

License

Proprietary. All rights reserved.

Install & Usage

1
Create the skills directory
mkdir -p .claude/skills
2
Download the skill file
mkdir -p .claude/skills && curl -o .claude/skills/og-image.md https://raw.githubusercontent.com/nsheaps/ai-mktpl/main/SKILL.md
3
Invoke in Claude Code
/og-image
View source on GitHub
apigenerationimageopengraphog-imagesocial-mediapnghtml

Frequently Asked Questions

What is og-image?

Generate OpenGraph images for Nuxt/Vue pages using HTML templates and html2png.dev API

How to install og-image?

To install og-image, create the .claude/skills directory in your project, then run the curl command to download the skill file. Once installed, invoke it in Claude Code with /og-image.

What is og-image best for?

og-image is a community categorized under Development. It is designed for: api, generation, image, opengraph, og-image, social-media, png, html. Created by alvinunreal + modifications by nsheaps.