add frames

Author: ethanpalm

integrations/sdks/speakeasy.mdx

@@ -5,7 +5,9 @@ description: "Automate your SDK usage snippets in the API playground"
 
 Autogenerated code snippets from Speakeasy SDKs can be integrated directly into Mintlify API reference documentation. SDK usage snippets are shown in the [interactive playground](/api-playground/overview) of Mintlify-powered documentation sites.
 
+<Frame>
 ![A Mintlify API playground with Speakeasy code snippets.](/images/speakeasy/mintlify-with-speakeasy-openapi.png)
+</Frame>
 
 ## Prerequisites
 
@@ -22,15 +24,19 @@ To integrate Speakeasy with Mintlify, you must get the API's combined spec publi
 
 Navigate to your [Speakeasy Dashboard](https://app.speakeasy.com) and open the **API Registry** tab. Open the `*-with-code-samples` entry for the API.
 
+<Frame>
 ![Screenshot of the Speakeasy API Registry page. The API Registry tab is emphasized with a red square and the number 1 and the entry for the API is emphasized with a red square and the number 2.](/images/speakeasy/openapi-registry-and-combined-spec.png)
+</Frame>
 
 <Note>
   If the entry is not labeled **Combined Spec**, ensure that the API has an [automatic code sample URL](https://www.speakeasy.com/docs/code-samples/automated-code-sample-urls) configured.
 </Note>
 
 From the registry entry's page, copy the provided public URL.
 
+<Frame>
 ![Screenshot showing the combined spec registry entry with the copy URL function emphasized with a red square.](/images/speakeasy/copy-combined-spec-url.png)
+</Frame>
 
 ### Update your `docs.json` configuration file