devilts/sandbox-e4bc4bbc
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>hf-sandbox</title>7 <style>8 * { margin: 0; padding: 0; box-sizing: border-box; }9 body {10 background: #0a0a0a;11 color: #0f0;12 font-family: 'SF Mono', 'Fira Code', monospace;13 font-size: 14px;14 line-height: 1.6;15 padding: 2rem;16 min-height: 100vh;17 }18 .container { max-width: 640px; margin: 0 auto; }19 h1 {20 font-size: 1.4rem;21 font-weight: normal;22 margin-bottom: 1rem;23 padding-bottom: 1rem;24 border-bottom: 1px solid #222;25 }26 h1::before { content: '$ '; opacity: 0.4; }27 h2 {28 color: #666;29 font-size: 0.75rem;30 font-weight: normal;31 text-transform: uppercase;32 letter-spacing: 0.1em;33 margin: 2rem 0 0.5rem;34 }35 .prompt {36 background: #111;37 border-left: 2px solid #0f0;38 padding: 0.75rem 1rem;39 margin: 0.5rem 0;40 color: #fff;41 }42 .prompt::before {43 content: '→ ';44 color: #0f0;45 }46 a { color: #0af; text-decoration: none; }47 a:hover { text-decoration: underline; }48 .dim { color: #444; }49 .blink { animation: blink 1s step-end infinite; }50 @keyframes blink { 50% { opacity: 0; } }51 </style>52</head>53<body>54 <div class="container">55 <h1>hf-sandbox<span class="blink">_</span></h1>56 <p style="color:#888;">remote code execution for <a href="https://agentskills.io">ai agents</a></p>57 58 <h2>install</h2>59 <pre>git clone https://huggingface.co/spaces/burtenshaw/sandbox .claude/skills/hf-sandbox</pre>60 61 <h2>create sandbox</h2>62 <div class="prompt">create a sandbox called my-sandbox on hugging face</div>63 64 <h2>store a value</h2>65 <div class="prompt">save 42 to a file called foo in the sandbox</div>66 67 <h2>read it back</h2>68 <div class="prompt">read the value of foo from the sandbox</div>69 70 <h2>run uv script</h2>71 <div class="prompt">run a python script that prints "hello" using requests</div>72 73 <h2>background job</h2>74 <div class="prompt">run train.py in the background and save output to a log file</div>75 76 </div>77</body>78</html>79