> ## Documentation Index
> Fetch the complete documentation index at: https://docs.trykura.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Getting Started

Building powerful agents with Kura is simple and intuitive. Get started in 3 simple steps.

<div className="flex flex-col my-16">
  <div className="border border-black rounded-lg overflow-hidden hover:shadow-lg transition-shadow cursor-pointer">
    <div className="flex flex-col">
      <div className="pb-1">
        <h3 className="text-xl font-bold mt-4 ml-4">
          1. Type what you want to build
        </h3>
      </div>

      <div className="relative bg-gray-100 aspect-video flex items-center justify-center">
        <iframe style={{position: 'absolute', top: 0, left: 0, width: '100%', height: '100%', border: 0}} src="https://www.tella.tv/video/cm9vu6i9x001e0clafi0b05yy/embed?b=0&title=0&a=1&loop=1&autoPlay=true&t=0&muted=1&wt=0" allowFullScreen allowTransparency />
      </div>
    </div>
  </div>

  <div className="h-20" />

  <div className="border border-black rounded-lg overflow-hidden hover:shadow-lg transition-shadow cursor-pointer">
    <div className="flex flex-col">
      <div className="pb-1">
        <h3 className="text-xl font-bold mt-4 ml-4">
          2. Confirm and Modify
        </h3>

        <p className="text-gray-500 text-sm ml-4">
          Work with Recursion to confirm your agent's actions and modify steps as needed.
        </p>
      </div>

      <div className="relative bg-gray-100 aspect-video flex items-center justify-center">
        <iframe
          style={{
        position: "absolute",
        top: 0,
        left: 0,
        width: "100%",
        height: "100%",
        border: 0,
      }}
          src="https://www.tella.tv/video/cm9vubbo500060bjthmka0tec/embed?b=0&title=0&a=1&loop=1&autoPlay=true&t=0&muted=1&wt=0"
          allowFullScreen
          allowTransparency
        />
      </div>
    </div>
  </div>

  {" "}

  <div className="h-20" />

  <div className="border border-black rounded-lg overflow-hidden hover:shadow-lg transition-shadow cursor-pointer">
    <div className="flex flex-col">
      <div className="pb-1">
        <h3 className="text-xl font-bold mt-4 ml-4">3a. Deploy as an API</h3>

        <p className="text-gray-500 text-sm ml-4">
          Create an API to call your agent in code{" "}
        </p>
      </div>

      <div className="relative bg-gray-100 aspect-video flex items-center justify-center">
        <iframe
          style={{
      position: "absolute",
      top: 0,
      left: 0,
      width: "100%",
      height: "100%",
      border: 0,
    }}
          src="https://www.tella.tv/video/cm9vvdn9100060cle7x2wala4/embed?b=0&title=0&a=1&loop=1&autoPlay=true&t=0&muted=1&wt=0"
          allowFullScreen
          allowTransparency
        />
      </div>
    </div>
  </div>

  <div className="h-20" />

  <div className="border border-black rounded-lg overflow-hidden hover:shadow-lg transition-shadow cursor-pointer">
    <div className="flex flex-col">
      <div className="pb-1">
        <h3 className="text-xl font-bold mt-4 ml-4">
          3b. Deploy as an Application
        </h3>

        <p className="text-gray-500 text-sm ml-4">
          Run your agent directly in our interface
        </p>
      </div>

      <div className="relative bg-gray-100 aspect-video flex items-center justify-center">
        <iframe
          style={{
        position: "absolute",
        top: 0,
        left: 0,
        width: "100%",
        height: "100%",
        border: 0,
      }}
          src="https://www.tella.tv/video/cm9vv72el000w0cjs9kifa2ht/embed?b=0&title=0&a=1&loop=1&t=0&muted=1&wt=0"
          allowFullScreen
          allowTransparency
        />
      </div>
    </div>
  </div>
</div>