Skip to content
OpenSmartRoute
Skillv1.0.0

clade-local-dev-loop

Set up a fast local development loop for building with the Anthropic API — Use when working with local-dev-loop patterns. hot reload, cost-saving tips, and test patterns. Trigger with "anthropic dev s

by jeremylongshore(0) 0 installs
Free
Sign in to install

Free account. Installing gives you the manifest plus copy-paste snippets.

See reviews

About

Imported from jeremylongshore/tons-of-skills-marketplace (skills/.curated/clade-local-dev-loop/SKILL.md). Install upstream with npx skills add jeremylongshore/tons-of-skills-marketplace --skill clade-local-dev-loop. Copyright stays with the author (MIT).

Anthropic Local Dev Loop

Overview

Set up a fast, cheap development workflow for building with Claude.

Prerequisites

  • Node.js 18+ or Python 3.10+
  • ANTHROPIC_API_KEY environment variable set
  • npm or pip package manager

Instructions

Step 1: Project Setup

mkdir my-claude-app && cd my-claude-app
npm init -y
npm install @claude-ai/sdk dotenv tsx

# Create .env (never commit this)
echo 'ANTHROPIC_API_KEY=sk-ant-api03-...' > .env
echo '.env' >> .gitignore

Step 2: Create a Test Script

// src/test-prompt.ts
import 'dotenv/config';
import Anthropic from '@claude-ai/sdk';

const client = new Anthropic();

async function main() {
  const message = await client.messages.create({
    model: 'claude-haiku-4-5-20251001', // Use Haiku for dev — 20x cheaper than Opus
    max_tokens: 512,
    messages: [{ role: 'user', content: 'Summarize this in one sentence: ...' }],
  });

  console.log(message.content[0].text);
  console.log(`Cost: ~$${((message.usage.input_tokens * 0.80 + message.usage.output_tokens * 4) / 1_000_000).toFixed(4)}`);
}

main();

Step 3: Run with Hot Reload

# Watch mode — re-runs on file changes
npx tsx watch src/test-prompt.ts

# Or one-shot
npx tsx src/test-prompt.ts

Cost-Saving Dev Tips

Tip Savings
Use claude-haiku-4-5-20251001 during development 20x cheaper than Opus
Set max_tokens: 256 for testing Fewer output tokens billed
Cache your system prompt with prompt caching beta 90% off cached input tokens
Use Message Batches for bulk testing (50% off) Half price, 24h turnaround
Log responses locally so you don't re-call for the same input 100% savings on repeats

Mock Client for Unit Tests

// tests/mock-anthropic.ts
export function createMockClient() {
  return {
    messages: {
      create: async (params: any) => ({
        id: 'msg_test',
        type: 'message',
        role: 'assistant',
        model: params.model,
        content: [{ type: 'text', text: 'Mock response for testing' }],
        stop_reason: 'end_turn',
        usage: { input_tokens: 10, output_tokens: 5 },
      }),
    },
  };
}

// In your test:
import { createMockClient } from './mock-anthropic';
const client = process.env.MOCK ? createMockClient() : new Anthropic();

Python Dev Loop

pip install anthropic python-dotenv ipython

# Interactive exploration
ANTHROPIC_API_KEY=sk-ant-... ipython
>>> import anthropic
>>> c = anthropic.Anthropic()
>>> r = c.messages.create(model="claude-haiku-4-5-20251001", max_tokens=100, messages=[{"role":"user","content":"hello"}])
>>> r.content[0].text

Output

  • Project scaffolded with SDK, dotenv, and tsx for hot reload
  • Test script running against Claude Haiku (cheapest model)
  • Mock client available for unit tests without API calls
  • Cost estimate printed per request

Error Handling

Issue Fix
ANTHROPIC_API_KEY not loading Make sure dotenv/config is imported first
Slow iteration Use Haiku, reduce max_tokens
High dev costs Log responses, use mocks for unit tests

Examples

See Step 1 (project setup), Step 2 (test script with cost tracking), Step 3 (hot reload), Mock Client section, and Python Dev Loop section above.

Resources

Next Steps

See clade-sdk-patterns for production client configuration.

Use it

Copy one of these into your project. Installing also returns the manifest and these snippets.

yaml
targets:
  - https://api.opensmartroute.ai/api/v1/registry/jeremylongshore-tons-of-skills-marketplace-clade-local-dev-loop/manifest   # or paste the manifest below

Manifest

An Open Capability Manifest: the router reads it to know what this does, what it costs and when to pick it.

jeremylongshore-tons-of-skills-marketplace-clade-local-dev-loop.ocm.jsonjson
{
  "ocm": "1",
  "id": "jeremylongshore-tons-of-skills-marketplace-clade-local-dev-loop",
  "kind": "skill",
  "name": "clade-local-dev-loop",
  "description": "Set up a fast local development loop for building with the Anthropic API — Use when working with local-dev-loop patterns. hot reload, cost-saving tips, and test patterns. Trigger with \"anthropic dev setup\", \"claude local development\", \"anthropic test locally\", \"claude dev workflow\".",
  "publisher": "jeremylongshore",
  "version": "1.0.0",
  "capabilities": {
    "domains": [
      "coding"
    ],
    "tags": [
      "skill-md",
      "saas",
      "anthropic",
      "claude",
      "development",
      "testing",
      "skills-sh"
    ],
    "languages": [
      "en"
    ]
  },
  "quality_prior": 0.6,
  "examples": [
    "Set up a fast local development loop for building with the Anthropic API — Use when working with local-dev-loop patterns. hot reload, cost-saving tips, and test patterns. Trigger with \"anthropic dev setup\", \"claude local development\", \"anthropic test locally\", \"claude dev workflow\"."
  ],
  "primary": false,
  "metadata": {
    "source": {
      "provider": "skills.sh",
      "repository": "https://github.com/jeremylongshore/tons-of-skills-marketplace",
      "path": "skills/.curated/clade-local-dev-loop/SKILL.md",
      "ref": "HEAD",
      "url": "https://github.com/jeremylongshore/tons-of-skills-marketplace/blob/HEAD/skills/.curated/clade-local-dev-loop/SKILL.md",
      "key": "jeremylongshore/tons-of-skills-marketplace/skills/.curated/clade-local-dev-loop/SKILL.md"
    },
    "compatibility": "Designed for Claude Code",
    "allowed_tools": [
      "Read,",
      "Write,",
      "Edit,",
      "Bash(npm:*),",
      "Bash(pip:*)"
    ],
    "license": "MIT"
  },
  "instructions": "# Anthropic Local Dev Loop\n\n## Overview\n\nSet up a fast, cheap development workflow for building with Claude.\n\n## Prerequisites\n\n- Node.js 18+ or Python 3.10+\n- `ANTHROPIC_API_KEY` environment variable set\n- npm or pip package manager\n\n## Instructions\n\n### Step 1: Project Setup\n\n```bash\nmkdir my-claude-app && cd my-claude-app\nnpm init -y\nnpm install @claude-ai/sdk dotenv tsx\n\n# Create .env (never commit this)\necho 'ANTHROPIC_API_KEY=sk-ant-api03-...' > .env\necho '.env' >> .gitignore\n```\n\n### Step 2: Create a Test Script\n\n```typescript\n// src/test-prompt.ts\nimport 'dotenv/config';\nimport Anthrop",
  "cost": {
    "context_tokens": 873
  }
}

Fetch it by URL: GET /api/v1/registry/jeremylongshore-tons-of-skills-marketplace-clade-local-dev-loop/manifest?version=1.0.0

Reviews

Star ratings from people who tried it. One review per account; edit yours any time.

No reviews yet. Install it, try it, and be the first to rate it.