feat: remove playground (#13)

junhsss · web-flow · commit 14340b438d83 · 2025-11-04T19:41:56.000+09:00
diff --git a/app/(home)/overview/_pages/page.en.tsx b/app/(home)/overview/_pages/page.en.tsx
@@ -195,12 +195,6 @@ export default function HomePage() {
                 title="API Reference"
                 description="View the Steel API reference."
               />
-              <SmallCard
-                icon={<Database />}
-                href="/playground"
-                title="Playground"
-                description="Explore the examples and quick-start guides in Steel playground."
-              />
             </Cards>
           </div>
         </div>
diff --git a/app/layout.config.tsx b/app/layout.config.tsx
@@ -31,10 +31,6 @@ export const baseOptions: BaseLayoutProps = {
       url: '/changelog',
       active: 'nested-url',
     },
-    {
-      text: 'Playground',
-      url: '/playground',
-    },
     {
       text: 'API Reference',
       url: '/api-reference',
diff --git a/components/playground-button.tsx b/components/playground-button.tsx
diff --git a/content/docs/integrations/agentkit/quickstart.mdx b/content/docs/integrations/agentkit/quickstart.mdx
@@ -4,9 +4,6 @@ sidebarTitle: Quickstart
 description: This guide shows how to use AgentKit with Steel to build a small network that browses Hacker News in a live cloud browser via CDP, filters stories by topic, and returns concise picks.
 llm: true
 ---
-import PlaygroundButton from "components/playground-button.tsx";
-
-<PlaygroundButton href="https://playground.steel.dev/?template=steel-agent-kit-starter" />
 
 #### Prerequisites
 :::prerequisites
diff --git a/content/docs/integrations/agno/quickstart.mdx b/content/docs/integrations/agno/quickstart.mdx
@@ -4,9 +4,6 @@ sidebarTitle: Quickstart
 description: This guide walks you through connecting Agno with Steel by adding a Playwright-powered Steel toolkit and running an agent that browses and extracts content from live websites.
 llm: true
 ---
-import PlaygroundButton from "components/playground-button.tsx";
-
-<PlaygroundButton href="https://playground.steel.dev/?template=steel-agno-starter" />
 
 #### Prerequisites
 
diff --git a/content/docs/integrations/browser-use/quickstart.mdx b/content/docs/integrations/browser-use/quickstart.mdx
@@ -4,9 +4,6 @@ sidebarTitle: Quickstart
 description: A step-by-step guide to connecting Steel with Browser-use.
 llm: true
 ---
-import PlaygroundButton from "components/playground-button.tsx";
-
-<PlaygroundButton href="https://playground.steel.dev/?template=steel-browser-use-starter" />
 
 This guide walks you through connecting a Steel cloud browser session with the browser-use framework, enabling an AI agent to interact with websites.
 
diff --git a/content/docs/integrations/claude-computer-use/quickstart-py.mdx b/content/docs/integrations/claude-computer-use/quickstart-py.mdx
@@ -4,9 +4,6 @@ sidebarTitle: Quickstart (Python)
 description: How to use Claude Computer Use with Steel
 llm: true
 ---
-import PlaygroundButton from "components/playground-button.tsx";
-
-<PlaygroundButton href="https://playground.steel.dev/?template=steel-claude-computer-use-python-starter" />
 
 This guide shows you how to use Claude models with computer use capabilities and Steel browsers to create AI agents that navigate the web.
 
diff --git a/content/docs/integrations/claude-computer-use/quickstart-ts.mdx b/content/docs/integrations/claude-computer-use/quickstart-ts.mdx
@@ -4,9 +4,6 @@ sidebarTitle: Quickstart (Typescript)
 description: How to use Claude Computer Use with Steel
 llm: true
 ---
-import PlaygroundButton from "components/playground-button.tsx";
-
-<PlaygroundButton href="https://playground.steel.dev/?template=steel-claude-computer-use-node-starter" />
 
 This guide shows you how to create AI agents with Claude's computer use capabilities and Steel browsers for autonomous web task execution.
 
diff --git a/content/docs/integrations/crewai/quickstart.mdx b/content/docs/integrations/crewai/quickstart.mdx
@@ -4,9 +4,6 @@ sidebarTitle: Quickstart
 description: This guide walks you through wiring a CrewAI multi-agent workflow to Steel so your agents can research the web and produce a structured report.
 llm: true
 ---
-import PlaygroundButton from "components/playground-button.tsx";
-
-<PlaygroundButton href="https://playground.steel.dev/?template=steel-crewai-starter" />
 
 #### Prerequisites
 
diff --git a/content/docs/integrations/magnitude/quickstart.mdx b/content/docs/integrations/magnitude/quickstart.mdx
@@ -4,9 +4,6 @@ sidebarTitle: Quickstart
 description: This guide shows how to use Magnitude with Steel to create an AI browser agent that visits the Steel leaderboard Github repo, extracts the details behind the latest commit, and if associated with a pull request, it will summarize the details.
 llm: true
 ---
-import PlaygroundButton from "components/playground-button.tsx";
-
-<PlaygroundButton href="https://playground.steel.dev/?template=steel-magnitude-starter" />
 
 Scroll to the bottom to see a full example!
 
diff --git a/content/docs/integrations/notte/quickstart.mdx b/content/docs/integrations/notte/quickstart.mdx
@@ -4,10 +4,6 @@ sidebarTitle: Quickstart
 description: This guide shows how to use Notte with Steel to run a simple task in a live cloud browser, then shut everything down safely.
 llm: true
 ---
-import PlaygroundButton from "components/playground-button.tsx";
-
-<PlaygroundButton href="https://playground.steel.dev/?template=steel-notte-starter" />
-
 
 ### Requirements
 :::prerequisites
diff --git a/content/docs/integrations/openai-computer-use/quickstart-py.mdx b/content/docs/integrations/openai-computer-use/quickstart-py.mdx
@@ -4,9 +4,6 @@ sidebarTitle: Quickstart (Python)
 description: How to use OpenAI Computer Use with Steel
 llm: true
 ---
-import PlaygroundButton from "components/playground-button.tsx";
-
-<PlaygroundButton href="https://playground.steel.dev/?template=steel-openai-computer-use-python-starter" />
 
 This guide will walk you through how to use OpenAI's `computer-use-preview` model with Steel's managed remote browsers to create AI agents that can navigate the web.
 
diff --git a/content/docs/integrations/openai-computer-use/quickstart-ts.mdx b/content/docs/integrations/openai-computer-use/quickstart-ts.mdx
@@ -4,9 +4,6 @@ sidebarTitle: Quickstart (Typescript)
 description: How to use OpenAI Computer Use with Steel
 llm: true
 ---
-import PlaygroundButton from "components/playground-button.tsx";
-
-<PlaygroundButton href="https://playground.steel.dev/?template=steel-oai-computer-use-node-starter" />
 
 This guide will walk you through how to use OpenAI's `computer-use-preview`model with Steel's managed remote browsers to create AI agents that can navigate the web.
 
diff --git a/content/docs/integrations/stagehand/quickstart-py.mdx b/content/docs/integrations/stagehand/quickstart-py.mdx
@@ -4,9 +4,6 @@ sidebarTitle: Quickstart (Python)
 description: Build scripts that navigate the web using natural language instructions
 llm: true
 ---
-import PlaygroundButton from "components/playground-button.tsx";
-
-<PlaygroundButton href="https://playground.steel.dev/?template=steel-stagehand-python-starter" />
 
 This guide shows you how to use Stagehand with Steel browsers to create scripts that can interact with websites using natural language commands. We'll build a simple automation that extracts data from Hacker News and demonstrates search functionality.
 
diff --git a/content/docs/integrations/stagehand/quickstart-ts.mdx b/content/docs/integrations/stagehand/quickstart-ts.mdx
@@ -4,9 +4,6 @@ sidebarTitle: Quickstart (Typescript)
 description: Build AI agents that navigate the web using natural language instructions
 llm: true
 ---
-import PlaygroundButton from "components/playground-button.tsx";
-
-<PlaygroundButton href="https://playground.steel.dev/?template=steel-stagehand-node-starter" />
 
 This guide shows you how to use Stagehand with Steel browsers to create AI agents that can interact with websites using natural language commands. We'll build a simple automation that extracts data from Hacker News and demonstrates search functionality.
 
diff --git a/content/docs/overview/need-help.mdx b/content/docs/overview/need-help.mdx
@@ -9,7 +9,6 @@ llm: true
 - [Changelog](/changelog)
 - [API Reference](/api-reference)
 - [Cookbook](https://github.com/steel-dev/steel-cookbook/)
-- [Playground](/playground)
 - [Discord](https://discord.gg/steel-dev)
 - [Github](https://github.com/steel-dev)
 - [Dashboard](https://app.steel.dev/)
diff --git a/next.config.mjs b/next.config.mjs
@@ -49,11 +49,6 @@ const config = {
         destination: "https://steel.apidocumentation.com/api-reference",
         permanent: true,
       },
-      {
-        source: "/playground",
-        destination: "https://playground.steel.dev/",
-        permanent: true,
-      },
       // {
       //   source: "/overview/steel-cli",
       //   destination: "https://github.com/steel-dev/cli",
diff --git a/package-lock.json b/package-lock.json
