API ReferenceAIConfigurationComponents

Component AI Config

Configure AI behavior for a component. Extends the Puck ComponentConfig.

const config = {
  components: {
    HeadingBlock: {
      ai: {
        instructions: "Always place this first",
      },
      fields: {
        title: {
          type: "text",
        },
      },
      render: ({ title }) => <h1>{title}</h1>,
    },
  },
};

Params

Param	Example	Type	Status
`instructions`	`"Always place this first"`	String	-

Optional params

`instructions`

Instructions that must be taken into account when considering this component.

const config = {
  components: {
    HeadingBlock: {
      ai: {
        instructions: "Always place this first",
      },
      fields: {
        title: {
          type: "text",
        },
      },
      render: ({ title }) => <h1>{title}</h1>,
    },
  },
};

tool

Fields