Activepieces Piece Builder

Build pieces (integrations) for the Activepieces automation platform. Each piece provides actions (operations users can perform) and triggers (events that start flows).

Workflow

Follow these 5 steps every time:

Step 1: RESEARCH

• Search the web for the target app's REST API documentation
• Identify the auth method (API key, OAuth2, Basic Auth, custom)
• List available endpoints; check if webhooks are supported
• Note base URL, pagination, and rate limits

Step 2: PLAN

• Determine piece location from the user's request:
  • If the user says "custom piece" → use packages/pieces/custom/ (no need to ask)
  • Otherwise → default to packages/pieces/community/
  • See the Piece Types table below for full reference
• Choose the correct auth type -- see Quick Auth Reference below
• Select the most useful actions (CRUD, search, list)
• Select triggers (webhook if API supports it, polling otherwise)
• ASK THE USER if unsure about OAuth2 config, which actions to prioritize, or ambiguous API behavior

Step 3: SCAFFOLD

Option A: CLI (recommended)

npm run cli pieces create
# Enter: piece name, package name (@activepieces/piece-<name>), type (community)

npm run cli actions create
# Enter: piece folder name, action display name, description

npm run cli triggers create
# Enter: piece folder name, trigger display name, description, technique (polling/webhook)

Option B: Manual File Creation (when CLI fails/is unavailable)

Create this structure under packages/pieces/community/<name>/:

src/
  index.ts
  lib/
    actions/            # One file per action
    triggers/           # One file per trigger
    common/             # Shared helpers (optional)
package.json
project.json
.eslintrc.json
tsconfig.json
tsconfig.lib.json

Copy config files from an existing simple piece (e.g. packages/pieces/core/qrcode/) and replace <name> throughout. Templates:

package.json

{
    "name": "@activepieces/piece-<name>",
    "version": "0.0.1",
    "dependencies": {}
}

.eslintrc.json

{
    "extends": ["../../../../.eslintrc.base.json"],
    "ignorePatterns": ["!**/*"],
    "overrides": [
        { "files": ["*.ts", "*.tsx", "*.js", "*.jsx"], "rules": {} },
        { "files": ["*.ts", "*.tsx"], "rules": {} },
        { "files": ["*.js", "*.jsx"], "rules": {} }
    ]
}

tsconfig.json

{
    "extends": "../../../../tsconfig.base.json",
    "compilerOptions": {
        "module": "commonjs",
        "forceConsistentCasingInFileNames": true,
        "strict": true,
        "noImplicitOverride": true,
        "noPropertyAccessFromIndexSignature": true,
        "noImplicitReturns": true,
        "noFallthroughCasesInSwitch": true
    },
    "files": [],
    "include": [],
    "references": [{ "path": "./tsconfig.lib.json" }]
}

tsconfig.lib.json

{
    "extends": "./tsconfig.json",
    "compilerOptions": {
        "rootDir": ".",
        "baseUrl": ".",
        "paths": {},
        "outDir": "./dist",
        "declaration": true,
        "types": ["node"]
    },
    "include": ["src/**/*.ts"],
    "exclude": ["jest.config.ts", "src/**/*.spec.ts", "src/**/*.test.ts"]
}

Step 4: IMPLEMENT

Read these files before writing any code:

ux-guidelines.md and output-quality.md apply to every action and trigger -- read them before starting, not only when unsure.

Step 5: WIRE & VERIFY

Wiring checklist (complete all before building)

• Import every action in src/index.ts and add to actions: [...]
• Import every trigger in src/index.ts and add to triggers: [...]
• Export auth from src/index.ts so actions/triggers can import it via import { myAppAuth } from '../../'
• Add createCustomApiCallAction to actions: [...] for power users
• Register in tsconfig.base.json at the repo root (insert alphabetically):
  jsonCopy

  "@activepieces/piece-<name>": ["packages/pieces/community/<name>/src/index.ts"]
  

  Build fails without this step.

Build

bun install
npx turbo run build --filter=@activepieces/piece-<name>

bun install is required for new pieces so the workspace symlinks are created before TypeScript can resolve imports. Skip it on subsequent rebuilds.

Fix TypeScript errors and rebuild. Common causes: missing import in src/index.ts, missing tsconfig.base.json entry, wrong type cast on context.auth (use context.auth as unknown as string for SecretText), missing sampleData on a trigger.

Test locally

Add to packages/server/api/.env:

AP_DEV_PIECES=<name>

Start the dev server (npm start), open localhost:4200, sign in with [email protected] / 12345678, and find your piece in the flow builder.

Piece Types

Full reference: piece-types.md -- includes all PieceCategory values and the list of existing core pieces.

Folder Structure

packages/pieces/community/<piece-name>/
  src/
    index.ts              # Piece definition (auth + imports + createPiece)
    lib/
      actions/            # One file per action
      triggers/           # One file per trigger
      common/             # Shared API helpers and dropdown definitions
  package.json
  project.json
  .eslintrc.json
  tsconfig.json
  tsconfig.lib.json

Quick Auth Reference

Full code examples: read auth-patterns.md

Quick Piece Definition Template

import { createPiece, PieceAuth } from '@activepieces/pieces-framework';
import { createCustomApiCallAction } from '@activepieces/pieces-common';
import { PieceCategory } from '@activepieces/shared';
import { myAction } from './lib/actions/my-action';
import { myTrigger } from './lib/triggers/my-trigger';

export const myAppAuth = PieceAuth.SecretText({
    displayName: 'API Key',
    description: 'Go to Settings > API Keys in your dashboard to generate a key.',
    required: true,
});

export const myApp = createPiece({
    displayName: 'My App',
    description: 'What the app does in one sentence.',
    minimumSupportedRelease: '0.36.1',
    // Logo: add a PNG to packages/pieces/community/<name>/ and reference it here.
    logoUrl: 'https://cdn.activepieces.com/pieces/my-app.png',
    categories: [PieceCategory.PRODUCTIVITY],
    auth: myAppAuth,
    authors: ['your-github-username'], // GitHub usernames of contributors
    actions: [
        myAction,
        createCustomApiCallAction({
            baseUrl: () => 'https://api.example.com/v1',
            auth: myAppAuth,
            authMapping: async (auth) => ({
                Authorization: `Bearer ${auth}`,
            }),
        }),
    ],
    triggers: [myTrigger],
    // If the piece needs third-party npm packages, declare them here:
    // npmDependencies: { 'some-sdk': '^1.0.0' },
});

UX Quality: Easy for Non-Technical Users

Pieces are used by people who have never seen an API. Every prop, dropdown, and description must be clear enough to use without reading external docs.

Rules:

1. Never ask users to type IDs -- Use dynamic dropdowns so they pick items by name (e.g. "Jane Doe ([email protected])" not "cus_abc123").
2. Descriptions must teach -- Don't say "Enter the thread timestamp." Say "Click the three dots next to the message, select Copy Link, and paste the number at the end."
3. Use Markdown instructions for complex setup -- Add Property.MarkDown() with numbered steps when a prop requires configuration in the third-party app.
4. Set sensible defaults -- If 90% of users want the same value, make it the default.
5. Plain language display names -- "Create Contact" not "POST /contacts". Triggers: "New Order" not "order.created webhook".
6. Auth descriptions must include step-by-step instructions to get the API key or set up OAuth.
7. Helpful dropdown placeholders -- "Please select a project first" not just empty.

Full patterns and examples: read ux-guidelines.md

Output Quality: Table-Ready Data

Every action output must be directly mappable to Google Sheets, Excel, and Activepieces Tables. Users pipe piece outputs into spreadsheets constantly -- if your output is nested or inconsistent, it breaks their flows.

Rules:

1. Flatten nested objects -- No nested objects in output. Turn { user: { name: "Jo", email: "[email protected]" } } into { user_name: "Jo", user_email: "[email protected]" }.
2. Arrays of records must have consistent flat keys -- Every object in a list must have the same keys so each key maps to a column.
3. Single-record actions return a flat object (one row).
4. List/search actions return a flat array where each element is one row.
5. Use human-readable key names -- company_name not cName. These become column headers.

Full patterns and examples: read output-quality.md

Critical Reminders

1. Register in tsconfig.base.json -- Alphabetically in compilerOptions.paths. Build fails without this.
2. Action names are permanent -- The name field in createAction/createTrigger must never change after publishing.
3. Export auth from index.ts -- Actions and triggers import auth via import { myAppAuth } from '../../'.
4. Always provide sampleData on triggers -- Even if it's just {}.
5. ux-guidelines.md and output-quality.md are mandatory -- Read them before implementing any action or trigger.

When to Ask the User

Always pause and ask if:

• OAuth2 authUrl/tokenUrl/scopes are not found in API docs
• Auth method is unclear or undocumented
• More than 10 possible actions exist -- ask which to prioritize
• API uses webhook signature verification
• You need test credentials or sandbox access