| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>hf-sandbox</title> |
| <style> |
| * { margin: 0; padding: 0; box-sizing: border-box; } |
| body { |
| background: #0a0a0a; |
| color: #0f0; |
| font-family: 'SF Mono', 'Fira Code', monospace; |
| font-size: 14px; |
| line-height: 1.6; |
| padding: 2rem; |
| min-height: 100vh; |
| } |
| .container { max-width: 640px; margin: 0 auto; } |
| h1 { |
| font-size: 1.4rem; |
| font-weight: normal; |
| margin-bottom: 1rem; |
| padding-bottom: 1rem; |
| border-bottom: 1px solid #222; |
| } |
| h1::before { content: '$ '; opacity: 0.4; } |
| h2 { |
| color: #666; |
| font-size: 0.75rem; |
| font-weight: normal; |
| text-transform: uppercase; |
| letter-spacing: 0.1em; |
| margin: 2rem 0 0.5rem; |
| } |
| .prompt { |
| background: #111; |
| border-left: 2px solid #0f0; |
| padding: 0.75rem 1rem; |
| margin: 0.5rem 0; |
| color: #fff; |
| } |
| .prompt::before { |
| content: '→ '; |
| color: #0f0; |
| } |
| a { color: #0af; text-decoration: none; } |
| a:hover { text-decoration: underline; } |
| .dim { color: #444; } |
| .blink { animation: blink 1s step-end infinite; } |
| @keyframes blink { 50% { opacity: 0; } } |
| </style> |
| </head> |
| <body> |
| <div class="container"> |
| <h1>hf-sandbox<span class="blink">_</span></h1> |
| <p style="color:#888;">remote code execution for <a href="https://agentskills.io">ai agents</a></p> |
|
|
| <h2>install</h2> |
| <pre>git clone https://huggingface.co/spaces/burtenshaw/sandbox .claude/skills/hf-sandbox</pre> |
|
|
| <h2>create sandbox</h2> |
| <div class="prompt">create a sandbox called my-sandbox on hugging face</div> |
|
|
| <h2>store a value</h2> |
| <div class="prompt">save 42 to a file called foo in the sandbox</div> |
|
|
| <h2>read it back</h2> |
| <div class="prompt">read the value of foo from the sandbox</div> |
|
|
| <h2>run uv script</h2> |
| <div class="prompt">run a python script that prints "hello" using requests</div> |
|
|
| <h2>background job</h2> |
| <div class="prompt">run train.py in the background and save output to a log file</div> |
|
|
| </div> |
| </body> |
| </html> |
|
|
