clickup-sdk-patterns

Apply production-ready ClickUp SDK patterns for TypeScript and Python. Use when implementing ClickUp integrations, refactoring SDK usage, or establishing team coding standards for ClickUp. Trigger with phrases like "clickup SDK patterns", "clickup best practices", "clickup code patterns", "idiomatic clickup".

claude-code
3 Tools
clickup-pack Plugin
saas packs Category

Allowed Tools

ReadWriteEdit

Provided by Plugin

clickup-pack

Claude Code skill pack for ClickUp (24 skills)

saas packs v1.0.0
View Plugin

Installation

This skill is included in the clickup-pack plugin:

/plugin install clickup-pack@claude-code-plugins-plus

Click to copy

Instructions

ClickUp SDK Patterns

Overview

Production-ready patterns for ClickUp SDK usage in TypeScript and Python.

Prerequisites

  • Completed clickup-install-auth setup
  • Familiarity with async/await patterns
  • Understanding of error handling best practices

Instructions

Step 1: Implement Singleton Pattern (Recommended)


// src/clickup/client.ts
import { ClickUpClient } from '@clickup/sdk';

let instance: ClickUpClient | null = null;

export function getClickUpClient(): ClickUpClient {
  if (!instance) {
    instance = new ClickUpClient({
      apiKey: process.env.CLICKUP_API_KEY!,
      // Additional options
    });
  }
  return instance;
}

Step 2: Add Error Handling Wrapper


import { ClickUpError } from '@clickup/sdk';

async function safeClickUpCall<T>(
  operation: () => Promise<T>
): Promise<{ data: T | null; error: Error | null }> {
  try {
    const data = await operation();
    return { data, error: null };
  } catch (err) {
    if (err instanceof ClickUpError) {
      console.error({
        code: err.code,
        message: err.message,
      });
    }
    return { data: null, error: err as Error };
  }
}

Step 3: Implement Retry Logic


async function withRetry<T>(
  operation: () => Promise<T>,
  maxRetries = 3,
  backoffMs = 1000
): Promise<T> {
  for (let attempt = 1; attempt <= maxRetries; attempt++) {
    try {
      return await operation();
    } catch (err) {
      if (attempt === maxRetries) throw err;
      const delay = backoffMs * Math.pow(2, attempt - 1);
      await new Promise(r => setTimeout(r, delay));
    }
  }
  throw new Error('Unreachable');
}

Output

  • Type-safe client singleton
  • Robust error handling with structured logging
  • Automatic retry with exponential backoff
  • Runtime validation for API responses

Error Handling

Pattern Use Case Benefit
Safe wrapper All API calls Prevents uncaught exceptions
Retry logic Transient failures Improves reliability
Type guards Response validation Catches API changes
Logging All operations Debugging and monitoring

Examples

Factory Pattern (Multi-tenant)


const clients = new Map<string, ClickUpClient>();

export function getClientForTenant(tenantId: string): ClickUpClient {
  if (!clients.has(tenantId)) {
    const apiKey = getTenantApiKey(tenantId);
    clients.set(tenantId, new ClickUpClient({ apiKey }));
  }
  return clients.get(tenantId)!;
}

Python Context Manager


from contextlib import asynccontextmanager
from clickup import ClickUpClient

@asynccontextmanager
async def get_clickup_client():
    client = ClickUpClient()
    try:
        yield client
    finally:
        await client.close()

Zod Validation


import { z } from 'zod';

const clickupResponseSchema = z.object({
  id: z.string(),
  status: z.enum(['active', 'inactive']),
  createdAt: z.string().datetime(),
});

Resources

Next Steps

Apply patterns in clickup-core-workflow-a for real-world usage.

Ready to use clickup-pack?