Skill

gamma-local-dev-loop

Set up efficient local development workflow for Gamma. Use when configuring hot reload, mock responses, or optimizing your Gamma development experience. Trigger with phrases like "gamma local dev", "gamma development setup", "gamma hot reload", "gamma mock", "gamma dev workflow".

From gamma-pack

Install

Run in your terminal

npx claudepluginhub nickloveinvesting/nick-love-plugins --plugin gamma-pack

Tool Access

This skill is limited to using the following tools:

ReadWriteEditBash(npm:*)Bash(node:*)

Skill Content

Similar Skills

cache-components

Guides Next.js Cache Components and Partial Prerendering (PPR) with cacheComponents enabled. Implements 'use cache', cacheLife(), cacheTag(), revalidateTag(), static/dynamic optimization, and cache debugging.

cache-components

138.6k

claude-opus-4-5-migration

2 files

Migrates code, prompts, and API calls from Claude Sonnet 4.0/4.5 or Opus 4.1 to Opus 4.5, updating model strings on Anthropic, AWS, GCP, Azure platforms.

claude-opus-4-5-migration

83.2k

evaluation-methodology

1 file

Details PluginEval's skill quality evaluation: 3 layers (static, LLM judge), 10 dimensions, rubrics, formulas, anti-patterns, badges. Use to interpret scores, improve triggering, calibrate thresholds.

plugin-eval

32.9k

Stats

Parent Repo Stars0

Parent Repo Forks0

Last CommitMar 20, 2026

Actions

View Source View Plugin View on GitHub View README

Instructions

Step 1: Install Dev Dependencies

set -euo pipefail npm install -D nodemon tsx dotenv @types/node

Step 2: Configure Development Script

Add to package.json:

{ "scripts": { "dev": "tsx watch src/index.ts", "dev:mock": "GAMMA_MOCK=true tsx watch src/index.ts" } }

Step 3: Create Mock Client

// src/gamma-client.ts import { GammaClient } from '@gamma/sdk'; const isMock = process.env.GAMMA_MOCK === 'true'; export const gamma = isMock ? createMockClient() : new GammaClient({ apiKey: process.env.GAMMA_API_KEY }); function createMockClient() { return { presentations: { create: async (opts) => ({ id: 'mock-123', url: 'https://gamma.app/mock/preview', title: opts.title, }), }, }; }

Step 4: Set Up Environment Files

# .env.development GAMMA_API_KEY=your-dev-key GAMMA_MOCK=false # .env.test GAMMA_MOCK=true

Error

Cause

Solution

Watch Error

File permissions

Check nodemon config

Mock Mismatch

Mock out of sync

Update mock responses

Env Not Loaded

dotenv not configured

Add import 'dotenv/config'

Gamma Local Dev Loop

Overview

Configure an efficient local development workflow with hot reload and mock responses for Gamma presentation development.

Prerequisites

Completed gamma-hello-world setup
Node.js 18+ with nodemon or tsx
TypeScript project (recommended)

Instructions

Step 1: Install Dev Dependencies

set -euo pipefail
npm install -D nodemon tsx dotenv @types/node

Step 2: Configure Development Script

Add to package.json:

{
  "scripts": {
    "dev": "tsx watch src/index.ts",
    "dev:mock": "GAMMA_MOCK=true tsx watch src/index.ts"
  }
}

Step 3: Create Mock Client

// src/gamma-client.ts
import { GammaClient } from '@gamma/sdk';

const isMock = process.env.GAMMA_MOCK === 'true';

export const gamma = isMock
  ? createMockClient()
  : new GammaClient({ apiKey: process.env.GAMMA_API_KEY });

function createMockClient() {
  return {
    presentations: {
      create: async (opts) => ({
        id: 'mock-123',
        url: 'https://gamma.app/mock/preview',
        title: opts.title,
      }),
    },
  };
}

Step 4: Set Up Environment Files

# .env.development
GAMMA_API_KEY=your-dev-key
GAMMA_MOCK=false

# .env.test
GAMMA_MOCK=true

Output

Hot reload development server
Mock client for offline development
Environment-based configuration
Fast iteration cycle

Error Handling

Error	Cause	Solution
Watch Error	File permissions	Check nodemon config
Mock Mismatch	Mock out of sync	Update mock responses
Env Not Loaded	dotenv not configured	Add `import 'dotenv/config'`

Examples

Watch Mode Development

set -euo pipefail
npm run dev
# Changes to src/*.ts trigger automatic restart

Offline Development with Mocks

set -euo pipefail
npm run dev:mock
# Uses mock responses, no API calls

Resources

Next Steps

Proceed to gamma-sdk-patterns for advanced SDK usage patterns.