CONNECT APP
Build with Shadertoy
Entertainment
- API key
MCP
Give your agent Shadertoy tools
Every Shadertoy action is exposed as an MCP tool on Pipedream's remote server. Point a client at it with your end user's ID and Connect resolves that user's Shadertoy account for each tool call — you store no tokens.
// accessToken: mint a short-lived token with the Connect SDK — see the MCP guide
const transport = new StreamableHTTPClientTransport(
new URL("https://remote.mcp.pipedream.net/v3"),
{
requestInit: {
headers: {
Authorization: `Bearer ${accessToken}`,
"x-pd-project-id": "{project_id}",
"x-pd-environment": "production",
"x-pd-external-user-id": "{external_user_id}", // any stable ID for this user in your system
"x-pd-app-slug": "shadertoy",
},
},
},
)
const mcp = new Client({ name: "my-agent", version: "1.0.0" })
await mcp.connect(transport)
const { tools } = await mcp.listTools()
// e.g. run Access Shader Assets:
const result = await mcp.callTool({
name: "shadertoy-access-assets",
arguments: {
assetSource: "Asset Source",
},
})# access_token: mint a short-lived token with the Connect SDK — see the MCP guide
headers = {
"Authorization": f"Bearer {access_token}",
"x-pd-project-id": "{project_id}",
"x-pd-environment": "production",
"x-pd-external-user-id": "{external_user_id}", # any stable ID for this user in your system
"x-pd-app-slug": "shadertoy",
}
async with streamablehttp_client("https://remote.mcp.pipedream.net/v3", headers=headers) as (read, write, _):
async with ClientSession(read, write) as session:
await session.initialize()
tools = await session.list_tools()
# e.g. run Access Shader Assets:
result = await session.call_tool("shadertoy-access-assets", {
"assetSource": "Asset Source",
})API PROXY
Call the Shadertoy API directly
For an endpoint with no pre-built tool, the Connect proxy forwards your request to the Shadertoy API with the connected user's credentials attached. You store no tokens and write no refresh logic.
const resp = await pd.proxy.get({
externalUserId: "{external_user_id}", // any stable ID for this user in your system
accountId: "apn_xxxxxxx",
url: "https://www.shadertoy.com/api/v1/shaders/query/test",
})
// Any allowed Shadertoy endpoint works here. Pipedream attaches the
// connected account's credentials to the outgoing request.# The path segment is the target URL, URL-safe base64 encoded:
# https://www.shadertoy.com/api/v1/shaders/query/test
curl "https://api.pipedream.com/v1/connect/{project_id}/proxy/aHR0cHM6Ly93d3cuc2hhZGVydG95LmNvbS9hcGkvdjEvc2hhZGVycy9xdWVyeS90ZXN0?external_user_id={external_user_id}&account_id=apn_xxxxxxx" \
-H "Authorization: Bearer {access_token}" \
-H "x-pd-environment: production"SDK
Run Shadertoy actions from your backend
Connect a user's Shadertoy account once, then run Access Shader Assets on their behalf from your own code — TypeScript, Python, or plain HTTP.
import { PipedreamClient } from "@pipedream/sdk"
const pd = new PipedreamClient({
projectId: process.env.PIPEDREAM_PROJECT_ID!,
clientId: process.env.PIPEDREAM_CLIENT_ID!,
clientSecret: process.env.PIPEDREAM_CLIENT_SECRET!,
projectEnvironment: "production",
})
const result = await pd.actions.run({
id: "shadertoy-access-assets",
externalUserId: "{external_user_id}", // any stable ID for this user in your system
configuredProps: {
shadertoy: { authProvisionId: "apn_xxxxxxx" },
assetSource: "Asset Source",
},
})from pipedream import Pipedream
pd = Pipedream(
client_id="{oauth_client_id}",
client_secret="{oauth_client_secret}",
project_id="{project_id}",
project_environment="production",
)
result = pd.actions.run(
id="shadertoy-access-assets",
external_user_id="{external_user_id}", # any stable ID for this user in your system
configured_props={
"shadertoy": {"authProvisionId": "apn_xxxxxxx"},
"assetSource": "Asset Source",
},
)curl -X POST https://api.pipedream.com/v1/connect/{project_id}/actions/run \
-H "Content-Type: application/json" \
-H "X-PD-Environment: production" \
-H "Authorization: Bearer {access_token}" \
-d '{
"external_user_id": "{external_user_id}",
"id": "shadertoy-access-assets",
"configured_props": {
"shadertoy": { "authProvisionId": "apn_xxxxxxx" },
"assetSource": "Asset Source"
}
}'TOOLS
Shadertoy actions
On-demand operations your product or agent can configure and run on behalf of a connected user.
-
Access Shader Assets
actionAccesses an asset from source. See the documentationWritev0.0.2 -
Get Shader
actionReturns a specific shader based on an ID. See the documentationRead-onlyv0.0.2 -
List Shaders
actionReturns a list of all shaders. See the documentationRead-onlyv0.0.2 -
Search Shaders
actionReturns an array of shader IDs based on the query string. See the documentationRead-onlyv0.0.2
EVENTS
Shadertoy triggers
Event sources your backend can deploy for users and receive through a webhook.
No Shadertoy triggers are available yet.
- App slug
- shadertoy
- Authentication
- API key
- Categories
- Entertainment
- Actions
- 4
- Triggers
- 0
- API proxy
- Available