> ## Documentation Index
> Fetch the complete documentation index at: https://botpress-charmenta-pr-705.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.
# How to implement an interface in your integration
export const HitlIcon = ({width, style, ...rest} = {
width: 'initial',
style: {}
}) => ;
## Finding the interface to implement
Unfortunately, interfaces aren't yet listed on our website, so you must find them in the Botpress GitHub repository. To find the interface you want to implement, follow these steps:
Navigate to the [`interfaces` directory](https://github.com/botpress/botpress/tree/master/interfaces) of the [botpress/botpress](https://github.com/botpress/botpress) repository.
Find the interface you want to implement and open its directory.
Open the `interface.definition.ts` file to find the interface `name` and `version`.
## Adding the interface as a dependency
Once you have the interface name and version, you can add it as a dependency to your integration:
Open your integration's `package.json` file.
If there is no `bpDependencies` section in your integration's `package.json` file, create one:
```json theme={null}
{
"bpDependencies": {}
}
```
In the `bpDependencies` section, add the interface name and version as a dependency. For example, with an interface named `creatable` and version `0.0.1`, you would add the following:
```json theme={null}
{
"bpDependencies": {
"creatable": "interface:creatable@0.0.1"
}
}
```
It's very important to follow this syntax:
`"": "interface:@"`.
Save the `package.json` file.
Now that you have added the interface as a dependency, you can run the [`bp add`](/integrations/sdk/cli-reference#add) command to install it. This command will:
* Download the interface from Botpress.
* Install it in a directory named `bp_modules` in your integration's root directory.
## Adding a helper build script
To keep your integration up to date, we recommend adding a helper build script to your integration:
Open your integration's `package.json` file.
In the `scripts` section, add the following script:
```json theme={null}
{
"scripts": {
"build": "bp add -y && bp build"
}
}
```
If the `build` script already exists in your `package.json` file, please replace it.
Save the `package.json` file.
Now, whenever you run `npm run build`, it will automatically install the interface and build your integration. This is useful for ensuring that your integration is always up to date with the latest version of the interface.
## Adding the interface to your integration definition file
Now that the interface is installed, you must add it your integration definition file in order to implement it.
Open your integration's `integration.definition.ts` file.
At the top of the file, import the interface. For example, with an interface named `creatable`, you would add the following import statement:
```typescript theme={null}
import creatable from './bp_modules/creatable'
```
Use the `.extend()` function at the end of your `new IntegrationDefinition()` statement. For example, with an interface named `creatable`, you would add the following:
```typescript theme={null}
export default new sdk.IntegrationDefinition({
...
})
.extend(creatable, () => ({}))
```
## Next steps
Since each interface has its own specific requirements, you should refer to the interface documentation for more information.
} horizontal title="Human in the loop" href="/integrations/sdk/interface/how-tos/implementing-hitl">
How to implement Human in the loop