What can you do with it?

Access and use 3D models from Sketchfab by generating HTML applications that embed interactive 3D models directly in web pages, allowing users to view, rotate, and interact with 3D content seamlessly through customizable Sketchfab embeds.

How to use it?

Basic Command Structure

/your-sketchfab-connection [action] [required-parameters] [optional-parameters]

Parameters

Required:

  • action - The operation to perform (generate-embed)

Optional:

  • sketchfab-url - Full Sketchfab model URL
  • model-id - Sketchfab model ID (extracted from URL)
  • model-name - Name/title for the 3D model
  • width - Embed width (default: 100%)
  • height - Embed height (default: 100%)

Tools

Generate Embed

Create an HTML application that embeds a Sketchfab 3D model

Parameters:

  • sketchfab-url (optional) - Full Sketchfab model URL (model ID will be extracted)
  • model-id (optional) - Sketchfab model ID if URL not provided
  • model-name (optional) - Display name for the 3D model
  • width (optional) - Embed width percentage or pixels (default: 100%)
  • height (optional) - Embed height percentage or pixels (default: 100%)

Example:

/your-sketchfab-connection
action: generate-embed
sketchfab-url: https://sketchfab.com/3d-models/jordan-1-travis-scott-x-fragment-7007b36ecf9c4897b532bffabe432162
model-name: Jordan 1 Travis Scott x Fragment

Alternative Example:

/your-sketchfab-connection
action: generate-embed
model-id: 7007b36ecf9c4897b532bffabe432162
model-name: Jordan 1 Travis Scott x Fragment
width: 800px
height: 600px

Response:

{
  "resultType": "app",
  "result": "https://sandbox.example.com/sketchfab-embed-12345"
}

Generated HTML Application: The tool generates a complete HTML application with:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Sketchfab Template</title>
    <style>
        html, body {
            overflow: hidden;
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
        }
        .sketchfab-embed-wrapper {
            width: 100%;
            height: 100%;
            position: absolute;
        }
        .sketchfab-embed-wrapper iframe {
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body>
    <div class="sketchfab-embed-wrapper">
        <iframe title="Jordan 1 Travis Scott x Fragment" 
        frameborder="0" 
        allowfullscreen 
        mozallowfullscreen="true" 
        webkitallowfullscreen="true" 
        allow="autoplay; fullscreen; xr-spatial-tracking" 
        xr-spatial-tracking 
        execution-while-out-of-viewport 
        execution-while-not-rendered 
        web-share 
        src="https://sketchfab.com/models/7007b36ecf9c4897b532bffabe432162/embed">
        </iframe>
    </div>
</body>
</html>

Notes

Sketchfab model IDs are extracted from URLs automatically. The format is: https://sketchfab.com/3d-models/[model-name]-[MODEL_ID]. The generated HTML app includes full responsive design with proper viewport settings. Embed supports VR/AR capabilities with xr-spatial-tracking. All generated apps are fullscreen and touch-friendly for mobile devices. The iframe includes necessary permissions for autoplay, fullscreen, and web-share functionality.