Skip to main content

Build a Custom Connector with AI

In this previous session we introduced the concept of a custom connector, and walked through the steps to build a basic one. In this session, we'll build a fully functional custom connector that wraps a real API, includes data sources and actions, and connects to a third-party service with OAuth 2.0.

For this example, we'll wrap todoist - a popular task management app that has a well-documented REST API and supports OAuth 2.0 authentication.

Use Prismatic's agent skills to help build your connector​

You can use Prismatic's agent skills to build your connector faster. These skills provide your AI agent with example code snippets, efficient documentation lookup, and best practice guidance.

Install Prismatic's agent skills

Run this command in your terminal:

Install Prismatic's agent skills
npx skills add prismatic-io/agent-skills
Describe your connector

Describe the connector you want to build. Your coding assistant can select the prismatic-components skill for the task:

Ask your coding assistant to build your connector
My customers use Todoist, and I would like
to interact with Todoist in a low-code integration.

Build a custom component for Todoist. API documentation is available at
https://developer.todoist.com/api/v1/

The component should include:

- OAuth 2.0 for authentication
- A data source where users can select a workspace from a dropdown menu
- A data source where users can select a project from a dropdown menu
- Actions for listing, creating, updating, closing and deleting tasks
- Actions for listing projects and workspaces

Remember to fetch a square PNG icon for the Todoist component and save it to assets/icon.png.

Your AI assistant will scaffold a custom connector project, install dependencies, write the data sources and actions and OAuth-based connection and import the connector into your Prismatic tenant for testing. See the agent skills documentation.