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 Claude skills to help build your connector
If you use an AI coding assistant like Claude Code you can leverage Prismatic's AI skills to build your connector faster. These skills provide your AI agent with example code snippets, efficient documentation lookup, and best practice guidance.
Open claude and run the following commands to install Prismatic's marketplace and skills
/plugin marketplace add prismatic-io/prismatic-skills
/plugin install prismatic-skills@prismatic-skills
/reload-plugins
Then, invoke your newly-installed build-component command and skill with a prompt describing the connector you want to build
/prismatic-skills:build-component 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 full agent skills documentation.