Claude Code: Useful Plugins, Skills, and MCPs

Claude Code: Useful Plugins, Skills, and MCPs

These are Claude Code settings, plugins, skills, and MCPs I've used. Some of them also work with OpenAI Codex and Google Gemini.

My Claude Code Configurations

ref:
https://github.com/vinta/hal-9000

Plugins

ref:
https://code.claude.com/docs/en/discover-plugins

claude plugin marketplace add trailofbits/skills

/plugins
// in .claude/settings.json
{
  ...
  "enabledPlugins": {
    "context7@claude-plugins-official": true,
    "gh-cli@trailofbits": true,
    "hal-voice@hal-9000": true,
    "skill-creator@claude-plugins-official": true,
    "superpowers@claude-plugins-official": true
  }
  ...
}

Notes:

  • superpowers plugin will fetch updates from GitHub.
  • context7 plugin will use npx to run a local server (so it will fetch from npm)

ref:
https://github.com/anthropics/claude-plugins-official => the official marketplace
https://github.com/anthropics/knowledge-work-plugins
https://github.com/obra/superpowers => included in claude-plugins-official
https://github.com/trailofbits/skills

Skills

ref:
https://code.claude.com/docs/en/skills

# my skills
npx skills add https://github.com/vinta/hal-9000 --skill commit magi-ex second-opinions -g
npx skills add https://github.com/vinta/dear-ai

# writing skills
npx skills add https://github.com/softaworks/agent-toolkit --skill writing-clearly-and-concisely humanizer naming-analyzer -g
npx skills add https://github.com/shyuan/writing-humanizer

# backend skills
npx skills add https://github.com/supabase/agent-skills
npx skills add https://github.com/planetscale/database-skills

# frontend skills
npx skills add https://github.com/pbakaus/impeccable
npx skills add https://github.com/vercel-labs/agent-skills
npx skills add https://github.com/vercel-labs/next-skills
npx skills add https://github.com/remotion-dev/skills

# browser skills
npx skills add https://github.com/microsoft/playwright-cli
npx skills add https://github.com/vercel-labs/agent-browser

npx skills list -g
npx skills update -g
npx skills remove --all -g

ref:
https://skills.sh/

Prompt Best Practices

MCP

ref:
https://code.claude.com/docs/en/mcp

Context7 MCP

# Local Server
claude mcp add --scope projec context7 -- npx -y @upstash/context7-mcp --api-key YOUR_API_KEY

# Remote Server
claude mcp add --scope project --header "CONTEXT7_API_KEY: YOUR_API_KEY" --transport http context7 https://mcp.context7.com/mcp

ref:
https://github.com/upstash/context7

DeepWiki MCP

claude mcp add --scope projec --transport http deepwiki https://mcp.deepwiki.com/mcp

ref:
https://docs.devin.ai/work-with-devin/deepwiki-mcp

Codex MCP

Yes, other coding agents like Claude Code can use Codex via MCP which is slightly more stable than invoking with codex exec via CLI.

# Codex reads your local .codex/config.toml by default
claude mcp add codex --scope user -- codex mcp-server

# You could still override some configs
claude mcp add codex --scope user -- codex -m gpt-5.3-codex -c model_reasoning_effort="xhigh" mcp-server

ref:
https://developers.openai.com/codex/cli/reference/#codex-mcp-server

Playwright MCP

No, you should use playwright-cli skill instead.

ref:
https://github.com/microsoft/playwright-cli
https://github.com/microsoft/playwright-mcp

GitHub MCP

No, you should use gh command instead.

Trail of Bits's gh-cli plugin is also highly recommended, though you may want to review how it uses hooks to intercept GitHub fetch requests.

ref:
https://github.com/trailofbits/skills/tree/main/plugins/gh-cli
https://github.com/github/github-mcp-server

Slack: Build a chat bot with Hubot in JavaScript

Slack: Build a chat bot with Hubot in JavaScript

Hubot is an scriptable chat bot framework created by GitHub. The newer version supports JavaScript (ES6+), no more CoffeeScript!

ref:
https://hubot.github.com/
https://slack.dev/hubot-slack/

Installation

$ npm install -g yo generator-hubot

$ mkdir codetengu-bot
$ cd codetengu-bot
$ yo hubot --adapter=slack

You could find all available adapters here:
https://hubot.github.com/docs/adapters/

Slack Token

The next thing you need is a Slack Bot Token (API Token) which looks like xoxb-xxx for your chat bot app. You could create a Hubot app in your Slack workspace to request a token, for instance https://vintachen.slack.com/apps/A0F7XDU93-hubot.

Otherwise, you could also create an universal Slack app, install it to your workspace. In your app settings, under "Install App" section, you are able to find OAuth Tokens for your chat bot. See https://api.slack.com/apps.

ref:
https://api.slack.com/bot-users

Development

$ HUBOT_SLACK_TOKEN=YOUR_SLACK_BOT_TOKEN 
./bin/hubot --adapter slack

I fork a script named hubot-reload-scripts to help you reload your scripts when developing them.
https://github.com/vinta/hubot-reload-scripts

Hear And Respond Messages

Writing your own script
https://hubot.github.com/docs/scripting/

// scripts/your_script.js
// Description
//   Do your shit
//
// Author:
//   Vinta Chen
//
// Commands:
//   * restart <service>* - Restart the service
//
const _ = require('lodash');

module.exports = (robot) => {
  robot.hear(/restart ([a-z0-9_-]+)/i, (res) => {
    robot.logger.debug(Received message: ${res.message.rawText});
    const [ serviceName ] = res.match.slice(1);
    res.send(Restarting ${serviceName});
    doYourShit();
  });
};

Call Slack APIs

robot.slack.channels.info({'channel': res.message.rawMessage.channel})
  .then(apiRes => {
    const purpose = apiRes.channel.purpose.value;
    const topic = apiRes.channel.topic.value;
    res.send(purpose: ${purpose});
    res.send(topic: ${topic);
  })
  .catch(apiErr => {
    robot.logger.error('apiErr', apiErr);
  });

ref:
https://slack.dev/hubot-slack/basic_usage#using-the-slack-web-api
https://api.slack.com/methods