Claude Skills with Slack Bot Integration Tutorial

require('dotenv').config();
const { App } = require('@slack/bolt');
const Anthropic = require('@anthropic-ai/sdk');

const app = new App({
  token: process.env.SLACK_BOT_TOKEN,
  signingSecret: process.env.SLACK_SIGNING_SECRET,
  socketMode: true,
  appToken: process.env.SLACK_APP_TOKEN,
});

const claude = new Anthropic({
  apiKey: process.env.ANTHROPIC_API_KEY,
});

// Skill system prompts
const SKILLS = {
  tdd: `You are the TDD skill for Claude Code. Review code for test coverage gaps, 
identify untested paths, and suggest concrete unit tests. Be specific and actionable.`,
  
  pdf: `You are the PDF processing skill for Claude Code. Extract key information, 
summarize content, identify action items, and return structured output.`,
  
  'frontend-design': `You are the frontend-design skill for Claude Code. Review UI 
components, copy, and accessibility. Flag WCAG violations and suggest improvements.`,
  
  supermemory: `You are the supermemory skill for Claude Code. Help the user store, 
recall, and organize project context and information across sessions.`,
  
  default: `You are Claude Code, an expert software development assistant. 
Help with code, architecture, debugging, and technical questions.`,
};

async function callClaude(skill, prompt) {
  const systemPrompt = SKILLS[skill] || SKILLS.default;
  
  const message = await claude.messages.create({
    model: 'claude-opus-4-6',
    max_tokens: 1024,
    system: systemPrompt,
    messages: [{ role: 'user', content: prompt }],
  });
  
  return message.content[0].text;
}

// Handle /claude slash command: /claude tdd <code to review>
app.command('/claude', async ({ command, ack, respond }) => {
  await ack();
  
  const parts = command.text.trim().split(' ');
  const skill = SKILLS[parts[0]] ? parts[0] : 'default';
  const prompt = skill !== 'default' ? parts.slice(1).join(' ') : command.text;
  
  if (!prompt) {
    await respond('Usage: `/claude [skill] [your prompt]`\nSkills: tdd, pdf, frontend-design, supermemory');
    return;
  }
  
  await respond({ text: '_Claude is thinking..._', response_type: 'ephemeral' });
  
  try {
    const response = await callClaude(skill, prompt);
    await respond({
      text: `*Claude (${skill} skill):*\n${response}`,
      response_type: 'in_channel',
    });
  } catch (err) {
    await respond(`Error calling Claude: ${err.message}`);
  }
});

// Handle @mentions: @Claude-Skills-Bot tdd review this function...
app.event('app_mention', async ({ event, say }) => {
  const text = event.text.replace(/<@[A-Z0-9]+>/, '').trim();
  const parts = text.split(' ');
  const skill = SKILLS[parts[0]] ? parts[0] : 'default';
  const prompt = skill !== 'default' ? parts.slice(1).join(' ') : text;
  
  if (!prompt) {
    await say('Mention me with a skill and prompt. Example: `@Claude-Bot tdd review this code`');
    return;
  }
  
  try {
    const response = await callClaude(skill, prompt);
    await say({
      thread_ts: event.ts,
      text: `*Claude (${skill} skill):*\n${response}`,
    });
  } catch (err) {
    await say({ thread_ts: event.ts, text: `Error: ${err.message}` });
  }
});

(async () => {
  await app.start(process.env.PORT || 3000);
  console.log('Claude Skills Slack bot running');
})();

app.event('app_mention', async ({ event, say, client }) => {
  let prompt = event.text.replace(/<@[A-Z0-9]+>/, '').trim();
  let fileContent = '';
  
  // Check for attached files
  if (event.files && event.files.length > 0) {
    const file = event.files[0];
    if (file.mimetype === 'text/plain' || file.name.endsWith('.md')) {
      const fileResp = await fetch(file.url_private, {
        headers: { Authorization: `Bearer ${process.env.SLACK_BOT_TOKEN}` },
      });
      fileContent = await fileResp.text();
      prompt = `pdf ${prompt}\n\nFile content:\n${fileContent.slice(0, 6000)}`;
    }
  }
  
  const skill = 'pdf';
  const response = await callClaude(skill, prompt);
  await say({ thread_ts: event.ts, text: response });
});

const threadHistory = new Map(); // In production, use Redis

app.event('app_mention', async ({ event, say }) => {
  const threadKey = event.thread_ts || event.ts;
  const history = threadHistory.get(threadKey) || [];
  
  const userText = event.text.replace(/<@[A-Z0-9]+>/, '').trim();
  history.push({ role: 'user', content: userText });
  
  const message = await claude.messages.create({
    model: 'claude-opus-4-6',
    max_tokens: 1024,
    system: SKILLS.supermemory,
    messages: history.slice(-10), // keep last 10 turns
  });
  
  const reply = message.content[0].text;
  history.push({ role: 'assistant', content: reply });
  threadHistory.set(threadKey, history);
  
  await say({ thread_ts: event.ts, text: reply });
});

function toSlackMarkdown(text) {
  return text
    .replace(/\*\*(.*?)\*\*/g, '*$1*')        // bold
    .replace(/`{3}(\w+)?\n?([\s\S]*?)`{3}/g, '```$2```') // code blocks
    .replace(/^#{1,3} (.+)$/gm, '*$1*');       // headings to bold
}