refactor: replace raw HTML elements with design system components

- Replace <select>, <input>, <label>, <textarea> with UI components
- Update various dashboard and docs pages
- Simplify unsandbox package.json
- Add DESIGN_SYSTEM.md documentation
- Add Claude skills configuration

packages/tools/official/unsandbox/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tpmjs/tools-unsandbox",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Execute code in a secure sandbox environment. Supports 42+ programming languages with async execution, input files, and compiled artifacts.",
   "type": "module",
   "keywords": [
@@ -41,66 +41,38 @@
   "homepage": "https://tpmjs.com",
   "license": "MIT",
   "tpmjs": {
-    "category": "code-execution",
+    "category": "sandbox",
     "frameworks": [
       "vercel-ai"
     ],
     "tools": [
       {
         "name": "executeCodeAsync",
-        "description": "Execute code asynchronously in a secure sandbox. Returns a job_id immediately. Use getJob to check status and retrieve results.",
-        "parameters": [
-          {
-            "name": "language",
-            "type": "string",
-            "description": "Programming language to execute",
-            "required": true
-          },
-          {
-            "name": "code",
-            "type": "string",
-            "description": "The source code to execute",
-            "required": true
-          },
-          {
-            "name": "input_files",
-            "type": "array",
-            "description": "Optional array of input files",
-            "required": false
-          },
-          {
-            "name": "network_mode",
-            "type": "string",
-            "description": "Network isolation mode: zerotrust or semitrusted",
-            "required": false
-          },
-          {
-            "name": "ttl",
-            "type": "number",
-            "description": "Execution timeout in seconds (1-900)",
-            "required": false
-          }
-        ],
-        "returns": {
-          "type": "object",
-          "description": "Job ID and initial status"
-        }
+        "description": "Execute code asynchronously in a secure sandbox. Returns a job_id immediately. Use getJob to check status and retrieve results. Supports 42+ languages."
       },
       {
         "name": "getJob",
-        "description": "Get the status and results of an async code execution job",
-        "parameters": [
-          {
-            "name": "job_id",
-            "type": "string",
-            "description": "The job ID returned from executeCodeAsync",
-            "required": true
-          }
-        ],
-        "returns": {
-          "type": "object",
-          "description": "Job status and results"
-        }
+        "description": "Get the status and results of an async code execution job by job_id."
+      },
+      {
+        "name": "execute",
+        "description": "Execute code synchronously in a secure sandbox. Waits for completion and returns results directly. Best for quick scripts."
+      },
+      {
+        "name": "run",
+        "description": "Execute code synchronously with automatic language detection via shebang (e.g., #!/usr/bin/env python)."
+      },
+      {
+        "name": "runAsync",
+        "description": "Execute code asynchronously with automatic language detection via shebang. Returns job_id for polling."
+      },
+      {
+        "name": "listJobs",
+        "description": "List all active code execution jobs with their current status."
+      },
+      {
+        "name": "deleteJob",
+        "description": "Cancel an active code execution job by job_id."
       }
     ]
   },