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

# Plugins

export const RecipeCard = ({title, href, badge, children}) => {
  const badges = {
    "ai-excellence": {
      label: "AI excellence",
      color: "#653EE8"
    },
    "production-readiness": {
      label: "Production readiness",
      color: "#226686"
    },
    "incident-mgmt": {
      label: "Incident management",
      color: "#86198F"
    },
    "migrations": {
      label: "Migrations",
      color: "#0E7C66"
    },
    "compliance": {
      label: "Compliance",
      color: "#475569"
    },
    "dora": {
      label: "DORA metrics",
      color: "#1D4ED8"
    },
    "security": {
      label: "Security",
      color: "#B42318"
    },
    "operational-readiness": {
      label: "Operational readiness",
      color: "#B54708"
    },
    "dev-onboarding": {
      label: "Developer onboarding",
      color: "#C11574"
    }
  };
  const b = badges[badge];
  return <a href={href} className="group not-prose no-underline flex flex-col justify-between gap-4 h-full rounded-2xl border border-gray-950/10 dark:border-white/10 p-5 hover:border-primary dark:hover:border-primary-light transition-colors">
      <div className="flex flex-col gap-2">
        <h3 className="text-base font-medium text-gray-900 dark:text-gray-200">
          {title}
        </h3>
        {children && <p className="text-sm text-gray-600 dark:text-gray-400">{children}</p>}
      </div>
      {b && <div className="flex">
          <span className="text-white rounded-lg px-2 py-1 text-xs font-medium" style={{
    backgroundColor: b.color
  }}>
            {b.label}
          </span>
        </div>}
    </a>;
};

Use [plugins](/streamline/plugins) to shape Cortex around the way your organization works. With plugins, you can bring in data from internal systems, connect tools Cortex doesn't support out of the box, and build your own views right where your teams already look.

These recipes show how to build plugins that put the information your teams need in front of them.

<Columns cols={2}>
  <RecipeCard title="Visualizing custom data in a Plugin" href="/guides/operational-readiness/visualizing-custom-data-in-a-plugin" badge="operational-readiness">
    Build a plugin page that displays custom data with your own UI
  </RecipeCard>
</Columns>


## Related topics

- [Plugins](/api/rest/plugins.md)
- [Editing a plugin](/streamline/plugins/creating-plugins/editing-a-plugin.md)
- [Plugin Marketplace](/streamline/plugins/marketplace.md)