โ† All skills
Tencent SkillHub ยท Developer Tools

Deno Deploy

Deploy simple web pages and HTML apps live to the internet using the Deno Deploy REST API. Use this skill whenever the user wants to make something "live", "...

skill openclawclawhub Free
0 Downloads
0 Stars
0 Installs
0 Score
High Signal

Deploy simple web pages and HTML apps live to the internet using the Deno Deploy REST API. Use this skill whenever the user wants to make something "live", "...

โฌ‡ 0 downloads โ˜… 0 stars Unverified but indexed

Install for OpenClaw

Quick setup
  1. Download the package from Yavira.
  2. Extract the archive and review SKILL.md first.
  3. Import or place the package into your OpenClaw setup.

Requirements

Target platform
OpenClaw
Install method
Manual import
Extraction
Extract archive
Prerequisites
OpenClaw
Primary doc
SKILL.md

Package facts

Download mode
Yavira redirect
Package format
ZIP package
Source platform
Tencent SkillHub
What's included
SKILL.md, scripts/deploy.py

Validation

  • Use the Yavira download entry.
  • Review SKILL.md after the package is downloaded.
  • Confirm the extracted package contains the expected setup assets.

Install with your agent

Agent handoff

Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.

  1. Download the package from Yavira.
  2. Extract it into a folder your agent can access.
  3. Paste one of the prompts below and point your agent at the extracted folder.
New install

I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Tell me what you changed and call out any manual steps you could not complete.

Upgrade existing

I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Summarize what changed and any follow-up checks I should run.

Trust & source

Release facts

Source
Tencent SkillHub
Verification
Indexed source record
Version
0.1.0

Documentation

ClawHub primary doc Primary doc: SKILL.md 11 sections Open source page

Deno Deploy Skill (Standalone)

Deploy simple web pages and HTML apps to Deno Deploy using a bundled Python script that calls the Deno REST API directly. No MCP tool required.

Credentials Setup (First Time)

Before deploying, the user must create a Deno Subhosting organization and retrieve their credentials: Go to dash.deno.com/subhosting/new_auto and create a new subhosting org From the org dashboard, copy the org ID and access token Then save them as config files under ~/.config/deno-deploy/: mkdir -p ~/.config/deno-deploy echo "your_token_here" > ~/.config/deno-deploy/access_token echo "your_org_id_here" > ~/.config/deno-deploy/org_id If these files don't exist, the deploy script will print a clear error with setup instructions. Direct the user to dash.deno.com/subhosting/new_auto to get started.

Step 1: Plan the App

Before writing code, think about: What HTML/CSS/JS is needed? Does it need external libraries? (Use CDN links โ€” no npm installs) Is it purely static, or does it need a simple backend (e.g., an API route)? For simple pages: serve everything from a single main.ts file with inline HTML.

Standard Pattern

All Deno Deploy apps must export a fetch handler: export default { async fetch(req: Request): Promise<Response> { const html = `<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>My App</title> </head> <body> <!-- content here --> </body> </html>`; return new Response(html, { headers: { "Content-Type": "text/html; charset=utf-8" }, }); }, };

Key Rules

No Node.js APIs โ€” no require(), no fs, no path No npm packages โ€” use CDN links (e.g. https://cdn.tailwindcss.com) Single file โ€” inline all HTML, CSS, JS as template literals in main.ts Always set Content-Type โ€” include charset=utf-8 for HTML responses Routing โ€” use new URL(req.url).pathname for multi-route apps

Useful CDN Libraries

PurposeURLTailwind CSShttps://cdn.tailwindcss.comAlpine.jshttps://cdn.jsdelivr.net/npm/alpinejs@3/dist/cdn.min.jsChart.jshttps://cdn.jsdelivr.net/npm/chart.jsMarked (markdown)https://cdn.jsdelivr.net/npm/marked/marked.min.js

Step 3: Save the Code to a File

Write the TypeScript code to a temporary file, e.g. /tmp/main.ts: cat > /tmp/main.ts << 'EOF' export default { async fetch(req: Request): Promise<Response> { ... }, }; EOF

Step 4: Deploy Using the Script

Run the bundled deploy script: python scripts/deploy.py \ --name <project-name> \ --code /tmp/main.ts Project naming tips: Use the topic/purpose: birthday-card, sales-dashboard, quiz-game Lowercase, hyphens only, max ~30 chars Avoid generic names like app or test The script will: Create a new Deno Deploy project Upload the code Print the live URL

Step 5: Verify the Deployment

After the deploy script runs, you MUST verify the deployment was successful: Check the script output โ€” look at the deployment response JSON printed by the script: "status" should NOT be "failed". If it is, the code has errors โ€” fix and redeploy. If the status is "pending", wait a few seconds and proceed to the next check. Curl the live URL to confirm it's serving correctly: curl -s -o /dev/null -w "%{http_code}" https://<project-name>.deno.dev 200 = success, the page is live 404 or 500 = something is wrong โ€” check the deployment logs URL printed by the script Any other error = the deployment may still be propagating, wait 5 seconds and retry once If the deployment failed, check for these common causes: Syntax errors in the TypeScript code (missing braces, unclosed template literals) Missing export default { fetch } handler Use of Node.js APIs (require, fs, etc.) Fix the issue in the code file and redeploy Do NOT tell the user the deployment succeeded until you have confirmed it with curl.

Step 6: Share the Result

After a verified successful deployment, always: Share the live URL prominently as a clickable link Briefly explain what the user will see when they open it Example: Your page is live at https://your-project.deno.dev It shows [brief description]. Let me know if you'd like to change anything!

Common Pitfalls

Don't forget <!DOCTYPE html> โ€” browsers may render in quirks mode without it Don't use backticks inside template literals without escaping them Don't forget export default { fetch } โ€” the app won't start without it If the project name is already taken, try a more specific name or add a suffix

Category context

Code helpers, APIs, CLIs, browser automation, testing, and developer operations.

Source: Tencent SkillHub

Largest current source with strong distribution and engagement signals.

Package contents

Included in package
1 Docs1 Scripts
  • SKILL.md Primary doc
  • scripts/deploy.py Scripts