MyVibe Publish
Publish web content (HTML file, ZIP archive, or directory) to MyVibe.
Prerequisites
- Node.js 18 or later
- All script executions in this skill require network access. Always run Bash commands with
sandbox_permissions=require_escalated to ensure network permissions are enabled.
- The deployment and screenshot generation may take a few minutes. Use a 10-minute (600000ms) timeout for publish commands.
Usage
/myvibe:myvibe-publish --file ./dist.zip # Publish ZIP
/myvibe:myvibe-publish --file ./index.html # Publish HTML
/myvibe:myvibe-publish --dir ./dist # Publish directory
/myvibe:myvibe-publish --url https://example.com/app # Import from URL
/myvibe:myvibe-publish --dir ./dist --new # Force new Vibe
/myvibe:myvibe-publish --dir ./dist --did z2qaXXX # Update specific Vibe
Options
| Option | Alias | Description |
|--------|-------|-------------|
| --file | -f | Path to HTML file or ZIP archive |
| --dir | -d | Directory to compress and publish |
| --url | -u | URL to import and publish |
| --hub | -h | MyVibe URL (default: https://www.myvibe.so/) |
| --title </code> | <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">-t</code> | Project title |</p>
<p style="margin:6px 0;color:var(--text-secondary)">| <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">--desc <desc></code> | | Project description |</p>
<p style="margin:6px 0;color:var(--text-secondary)">| <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">--visibility <vis></code> | <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">-v</code> | Visibility: public or private (default: public) |</p>
<p style="margin:6px 0;color:var(--text-secondary)">| <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">--did <did></code> | | Vibe DID for version update (overrides auto-detection) |</p>
<p style="margin:6px 0;color:var(--text-secondary)">| <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">--new</code> | | Force create new Vibe, ignore publish history |</p>
<br>
<h2 style="font-size:1.3em;font-weight:700;margin:16px 0 6px;color:var(--text-primary)">Workflow Overview</h2>
<br>
<ol style="margin:8px 0;padding-left:20px">
<li style="margin:3px 0;color:var(--text-secondary)"><strong style="color:var(--text-primary)">Detect Project Type</strong> → if no build needed, start screenshot in background</li>
<li style="margin:3px 0;color:var(--text-secondary)"><strong style="color:var(--text-primary)">Build</strong> (if needed) → then start screenshot in background</li>
<li style="margin:3px 0;color:var(--text-secondary)"><strong style="color:var(--text-primary)">Metadata Analysis</strong> → extract title, description, tags</li>
<li style="margin:3px 0;color:var(--text-secondary)"><strong style="color:var(--text-primary)">Confirm Publish</strong> → show metadata, get user confirmation</li>
<li style="margin:3px 0;color:var(--text-secondary)"><strong style="color:var(--text-primary)">Execute Publish</strong> → script auto-reads screenshot result</li>
<li style="margin:3px 0;color:var(--text-secondary)"><strong style="color:var(--text-primary)">Return Result</strong> → show publish URL</li>
</ol>
<br>
<p style="margin:6px 0;color:var(--text-secondary)"><strong style="color:var(--text-primary)">First tool call - execute in parallel:</strong></p>
<ul style="margin:8px 0;padding-left:20px">
<li style="margin:3px 0;color:var(--text-secondary)"><code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">Read</code>: source file or main files in directory</li>
<li style="margin:3px 0;color:var(--text-secondary)"><code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">Bash</code>: <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">git remote get-url origin 2>/dev/null || echo "Not a git repo"</code></li>
<li style="margin:3px 0;color:var(--text-secondary)"><code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">Bash</code>: <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">node {skill_path}/scripts/utils/fetch-tags.mjs --hub {hub}</code></li>
</ul>
<br>
<hr style="border:none;border-top:1px solid var(--border);margin:16px 0">
<br>
<h2 style="font-size:1.3em;font-weight:700;margin:16px 0 6px;color:var(--text-primary)">Step 1: Detect Project Type</h2>
<br>
<p style="margin:6px 0;color:var(--text-secondary)">| Check | Project Type | Next Step |</p>
<p style="margin:6px 0;color:var(--text-secondary)">|-------|-------------|-----------|</p>
<p style="margin:6px 0;color:var(--text-secondary)">| <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">--file</code> with HTML/ZIP | <strong style="color:var(--text-primary)">Single File</strong> | → Start screenshot, then Step 3 |</p>
<p style="margin:6px 0;color:var(--text-secondary)">| Has <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">dist/</code>, <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">build/</code>, or <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">out/</code> with index.html | <strong style="color:var(--text-primary)">Pre-built</strong> | → Step 2 (confirm rebuild) |</p>
<p style="margin:6px 0;color:var(--text-secondary)">| Has <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">package.json</code> with build script, no output | <strong style="color:var(--text-primary)">Buildable</strong> | → Step 2 (build first) |</p>
<p style="margin:6px 0;color:var(--text-secondary)">| Multiple <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">package.json</code> or workspace config | <strong style="color:var(--text-primary)">Monorepo</strong> | → Step 2 (select app) |</p>
<p style="margin:6px 0;color:var(--text-secondary)">| Has <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">index.html</code> at root, no <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">package.json</code> | <strong style="color:var(--text-primary)">Static</strong> | → Start screenshot, then Step 3 |</p>
<br>
<p style="margin:6px 0;color:var(--text-secondary)"><strong style="color:var(--text-primary)">Start screenshot for non-build projects</strong> (run_in_background: true):</p>
<br>
<p style="margin:6px 0;color:var(--text-secondary)">For directory source (<code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">--dir</code>):</p>
<p style="margin:6px 0;color:var(--text-secondary)"><pre style="background:var(--surface-3);border:1px solid var(--border);border-radius:8px;padding:12px 16px;overflow-x:auto;margin:12px 0"><code style="font-family:'DM Mono',monospace;font-size:12px;color:var(--text-secondary)">node {skill_path}/scripts/utils/generate-screenshot.mjs --dir {publish_target} --hub {hub}</code></pre></p>
<br>
<p style="margin:6px 0;color:var(--text-secondary)">For single file source (<code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">--file</code>):</p>
<p style="margin:6px 0;color:var(--text-secondary)"><pre style="background:var(--surface-3);border:1px solid var(--border);border-radius:8px;padding:12px 16px;overflow-x:auto;margin:12px 0"><code style="font-family:'DM Mono',monospace;font-size:12px;color:var(--text-secondary)">node {skill_path}/scripts/utils/generate-screenshot.mjs --file {publish_target} --hub {hub}</code></pre></p>
<br>
<p style="margin:6px 0;color:var(--text-secondary)">IMPORTANT: Use <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">--file</code> when the source is a single HTML file, and <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">--dir</code> when it is a directory. The flag must match the <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">source.type</code> in the publish config so that both scripts calculate the same hash for the screenshot result file.</p>
<br>
<p style="margin:6px 0;color:var(--text-secondary)"><strong style="color:var(--text-primary)">After starting the screenshot background task</strong>, use <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">TaskOutput</code> (with <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">block: false</code>) to check the task output before proceeding. If the output contains "agent-browser is not installed" or "Chromium is not installed":</p>
<br>
<ol style="margin:8px 0;padding-left:20px">
<li style="margin:3px 0;color:var(--text-secondary)">Install agent-browser: <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">npm install -g agent-browser && agent-browser install</code></li>
<li style="margin:3px 0;color:var(--text-secondary)">Re-run the screenshot command (same command as above, run_in_background: true)</li>
<li style="margin:3px 0;color:var(--text-secondary)">Check again with <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">TaskOutput</code> (block: false) to confirm it's running</li>
</ol>
<br>
<p style="margin:6px 0;color:var(--text-secondary)">This ensures the screenshot can complete successfully in the background while you continue with metadata analysis.</p>
<br>
<hr style="border:none;border-top:1px solid var(--border);margin:16px 0">
<br>
<h2 style="font-size:1.3em;font-weight:700;margin:16px 0 6px;color:var(--text-primary)">Step 2: Build (if needed)</h2>
<br>
<p style="margin:6px 0;color:var(--text-secondary)">Detect package manager from lock files, build command from package.json scripts.</p>
<br>
<p style="margin:6px 0;color:var(--text-secondary)">Use <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">AskUserQuestion</code> to confirm:</p>
<ul style="margin:8px 0;padding-left:20px">
<li style="margin:3px 0;color:var(--text-secondary)"><strong style="color:var(--text-primary)">Pre-built</strong>: "Rebuild or use existing output?"</li>
<li style="margin:3px 0;color:var(--text-secondary)"><strong style="color:var(--text-primary)">Buildable</strong>: "Build before publishing?"</li>
<li style="margin:3px 0;color:var(--text-secondary)"><strong style="color:var(--text-primary)">Monorepo</strong>: "Which app to publish?"</li>
</ul>
<br>
<p style="margin:6px 0;color:var(--text-secondary)">After build completes, start screenshot in background (same check as Step 1: use <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">TaskOutput</code> block: false to verify agent-browser is available, install if needed, then retry), then proceed to Step 3.</p>
<br>
<hr style="border:none;border-top:1px solid var(--border);margin:16px 0">
<br>
<h2 style="font-size:1.3em;font-weight:700;margin:16px 0 6px;color:var(--text-primary)">Step 3: Metadata Analysis</h2>
<br>
<h3 style="font-size:1.1em;font-weight:600;margin:14px 0 4px;color:var(--text-primary)">Extract title</h3>
<p style="margin:6px 0;color:var(--text-secondary)">Priority: <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px"><title></code> → <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">og:title</code> → package.json name → first <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px"><h1></code></p>
<br>
<h3 style="font-size:1.1em;font-weight:600;margin:14px 0 4px;color:var(--text-primary)">Generate description (50-150 words, story-style)</h3>
<br>
<p style="margin:6px 0;color:var(--text-secondary)">Cover: <strong style="color:var(--text-primary)">Why</strong> (motivation) → <strong style="color:var(--text-primary)">What</strong> (functionality) → <strong style="color:var(--text-primary)">Journey</strong> (optional)</p>
<br>
<p style="margin:6px 0;color:var(--text-secondary)">Sources: conversation history, README.md, source code, package.json, git log</p>
<br>
<p style="margin:6px 0;color:var(--text-secondary)">Guidelines:</p>
<ul style="margin:8px 0;padding-left:20px">
<li style="margin:3px 0;color:var(--text-secondary)">Natural, conversational tone</li>
<li style="margin:3px 0;color:var(--text-secondary)">Focus on value and story, not technical specs</li>
<li style="margin:3px 0;color:var(--text-secondary)">Avoid generic "A web app built with React"</li>
</ul>
<br>
<h3 style="font-size:1.1em;font-weight:600;margin:14px 0 4px;color:var(--text-primary)">Extract githubRepo</h3>
<p style="margin:6px 0;color:var(--text-secondary)">From git remote or package.json repository field. Convert SSH to HTTPS format.</p>
<br>
<h3 style="font-size:1.1em;font-weight:600;margin:14px 0 4px;color:var(--text-primary)">Match tags</h3>
<br>
<p style="margin:6px 0;color:var(--text-secondary)">Fetch tags: <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">node {skill_path}/scripts/utils/fetch-tags.mjs --hub {hub}</code></p>
<br>
<p style="margin:6px 0;color:var(--text-secondary)">| Tag Type | Match Method |</p>
<p style="margin:6px 0;color:var(--text-secondary)">|----------|--------------|</p>
<p style="margin:6px 0;color:var(--text-secondary)">| <strong style="color:var(--text-primary)">techStackTags</strong> | Match package.json dependencies against tag slug |</p>
<p style="margin:6px 0;color:var(--text-secondary)">| <strong style="color:var(--text-primary)">platformTags</strong> | From conversation context (Claude Code, Cursor, etc.) |</p>
<p style="margin:6px 0;color:var(--text-secondary)">| <strong style="color:var(--text-primary)">modelTags</strong> | From conversation context (Claude 3.5 Sonnet, GPT-4, etc.) |</p>
<p style="margin:6px 0;color:var(--text-secondary)">| <strong style="color:var(--text-primary)">categoryTags</strong> | Infer from project (game libs → game, charts → viz) |</p>
<br>
<hr style="border:none;border-top:1px solid var(--border);margin:16px 0">
<br>
<h2 style="font-size:1.3em;font-weight:700;margin:16px 0 6px;color:var(--text-primary)">Step 4: Confirm Publish</h2>
<br>
<p style="margin:6px 0;color:var(--text-secondary)">Display metadata and use <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">AskUserQuestion</code>:</p>
<br>
<p style="margin:6px 0;color:var(--text-secondary)"><pre style="background:var(--surface-3);border:1px solid var(--border);border-radius:8px;padding:12px 16px;overflow-x:auto;margin:12px 0"><code style="font-family:'DM Mono',monospace;font-size:12px;color:var(--text-secondary)">Publishing to MyVibe:
──────────────────────
Title: [value]
Description:
[50-150 word story]
GitHub: [URL or "Not detected"]
Cover Image: [Will be included if ready]
Tags: Tech Stack: [...] | Platform: [...] | Category: [...] | Model: [...]</code></pre></p>
<br>
<p style="margin:6px 0;color:var(--text-secondary)">Options: "Publish" / "Edit details"</p>
<br>
<hr style="border:none;border-top:1px solid var(--border);margin:16px 0">
<br>
<h2 style="font-size:1.3em;font-weight:700;margin:16px 0 6px;color:var(--text-primary)">Step 5: Execute Publish</h2>
<br>
<p style="margin:6px 0;color:var(--text-secondary)"><strong style="color:var(--text-primary)">Check dependencies</strong>: If <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">scripts/node_modules</code> missing, run <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">npm install</code> first.</p>
<p style="margin:6px 0;color:var(--text-secondary)">The publish script automatically reads the screenshot result file. Execute publish directly:</p>
<br>
<p style="margin:6px 0;color:var(--text-secondary)">Pass config via stdin:</p>
<br>
<p style="margin:6px 0;color:var(--text-secondary)"><pre style="background:var(--surface-3);border:1px solid var(--border);border-radius:8px;padding:12px 16px;overflow-x:auto;margin:12px 0"><code style="font-family:'DM Mono',monospace;font-size:12px;color:var(--text-secondary)">node {skill_path}/scripts/publish.mjs --config-stdin <<'EOF'
{
"source": { "type": "dir", "path": "./dist", "did": "z2qaXXXX" },
"hub": "https://www.myvibe.so",
"metadata": {
"title": "My App",
"description": "Story description here",
"visibility": "public",
"githubRepo": "https://github.com/user/repo",
"platformTags": [1, 2],
"techStackTags": [3, 4],
"categoryTags": [5],
"modelTags": [6]
}
}
EOF</code></pre></p>
<br>
<ul style="margin:8px 0;padding-left:20px">
<li style="margin:3px 0;color:var(--text-secondary)"><code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">did</code> optional - for explicit version updates</li>
<li style="margin:3px 0;color:var(--text-secondary)"><code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">coverImage</code> auto-read from <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">/tmp/myvibe-screenshot-{hash}.json</code></li>
<li style="margin:3px 0;color:var(--text-secondary)">Screenshot result file cleaned up after publish</li>
</ul>
<br>
<hr style="border:none;border-top:1px solid var(--border);margin:16px 0">
<br>
<h2 style="font-size:1.3em;font-weight:700;margin:16px 0 6px;color:var(--text-primary)">Step 6: Return Result</h2>
<br>
<p style="margin:6px 0;color:var(--text-secondary)">After publish script completes, <strong style="color:var(--text-primary)">check the script output</strong> for these messages:</p>
<br>
<h3 style="font-size:1.1em;font-weight:600;margin:14px 0 4px;color:var(--text-primary)">Success Message</h3>
<p style="margin:6px 0;color:var(--text-secondary)">Always include the Vibe URL in your response:</p>
<p style="margin:6px 0;color:var(--text-secondary)"><pre style="background:var(--surface-3);border:1px solid var(--border);border-radius:8px;padding:12px 16px;overflow-x:auto;margin:12px 0"><code style="font-family:'DM Mono',monospace;font-size:12px;color:var(--text-secondary)">Published successfully!
🔗 [URL]</code></pre></p>
<br>
<h3 style="font-size:1.1em;font-weight:600;margin:14px 0 4px;color:var(--text-primary)">Upgrade Prompt (Important)</h3>
<p style="margin:6px 0;color:var(--text-secondary)">The script prints an upgrade prompt when updating an existing Vibe without version history enabled:</p>
<p style="margin:6px 0;color:var(--text-secondary)"><pre style="background:var(--surface-3);border:1px solid var(--border);border-radius:8px;padding:12px 16px;overflow-x:auto;margin:12px 0"><code style="font-family:'DM Mono',monospace;font-size:12px;color:var(--text-secondary)">📦 Previous version overwritten. Want to keep version history?
Upgrade to Creator → {hub}/pricing</code></pre></p>
<br>
<p style="margin:6px 0;color:var(--text-secondary)"><strong style="color:var(--text-primary)">You MUST include this upgrade information in your response to the user if the script output contains it.</strong> This helps free-tier users discover the version history feature.</p>
<br>
<hr style="border:none;border-top:1px solid var(--border);margin:16px 0">
<br>
<h2 style="font-size:1.3em;font-weight:700;margin:16px 0 6px;color:var(--text-primary)">Error Handling</h2>
<br>
<p style="margin:6px 0;color:var(--text-secondary)">| Error | Action |</p>
<p style="margin:6px 0;color:var(--text-secondary)">|-------|--------|</p>
<p style="margin:6px 0;color:var(--text-secondary)">| Dependencies missing | Run <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">npm install</code> in scripts directory |</p>
<p style="margin:6px 0;color:var(--text-secondary)">| 401/403 Auth error | Token auto-cleared, re-run to authorize |</p>
<p style="margin:6px 0;color:var(--text-secondary)">| Build failed | Analyze error, offer fix, or publish source as-is |</p>
<p style="margin:6px 0;color:var(--text-secondary)">| Screenshot failed | Skip coverImage, proceed without it |</p>
<p style="margin:6px 0;color:var(--text-secondary)">| agent-browser missing | Run <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">npm install -g agent-browser && agent-browser install</code> |</p>
<p style="margin:6px 0;color:var(--text-secondary)">| Script execution failed (network/sandbox) | Check if network permissions are enabled. Add <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">sandbox_permissions=require_escalated</code> and retry |</p>
<p style="margin:6px 0;color:var(--text-secondary)">| Private mode is only available for Creator and Studio users | See "Private Mode Error Handling" below |</p>
<br>
<h3 style="font-size:1.1em;font-weight:600;margin:14px 0 4px;color:var(--text-primary)">Private Mode Error Handling</h3>
<br>
<p style="margin:6px 0;color:var(--text-secondary)">When publishing with <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">visibility: private</code> fails with "Private mode is only available for Creator and Studio users", use <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">AskUserQuestion</code> to let the user choose:</p>
<br>
<p style="margin:6px 0;color:var(--text-secondary)"><strong style="color:var(--text-primary)">Question:</strong> "Private publishing requires a Creator or Studio subscription. How would you like to proceed?"</p>
<br>
<p style="margin:6px 0;color:var(--text-secondary)">| Option | Label | Description |</p>
<p style="margin:6px 0;color:var(--text-secondary)">|--------|-------|-------------|</p>
<p style="margin:6px 0;color:var(--text-secondary)">| 1 | Publish as Public | Your Vibe will be visible to everyone. You can change this later after upgrading. |</p>
<p style="margin:6px 0;color:var(--text-secondary)">| 2 | View Upgrade Options | Open the pricing page to explore subscription plans with private publishing. |</p>
<br>
<p style="margin:6px 0;color:var(--text-secondary)"><strong style="color:var(--text-primary)">Actions based on selection:</strong></p>
<ul style="margin:8px 0;padding-left:20px">
<li style="margin:3px 0;color:var(--text-secondary)"><strong style="color:var(--text-primary)">Option 1</strong>: Re-run publish with <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">visibility: "public"</code>, inform user the Vibe is now public</li>
<li style="margin:3px 0;color:var(--text-secondary)"><strong style="color:var(--text-primary)">Option 2</strong>: Display the pricing URL <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">{hub}/pricing</code> and stop the publish flow</li>
</ul>
<br>
<h2 style="font-size:1.3em;font-weight:700;margin:16px 0 6px;color:var(--text-primary)">Notes</h2>
<br>
<ul style="margin:8px 0;padding-left:20px">
<li style="margin:3px 0;color:var(--text-secondary)">Always analyze content for meaningful title/description - never use directory names</li>
<li style="margin:3px 0;color:var(--text-secondary)">Confirm with user before publishing</li>
<li style="margin:3px 0;color:var(--text-secondary)">Default hub: https://www.myvibe.so/</li>
<li style="margin:3px 0;color:var(--text-secondary)">Tags fetched fresh from API on each publish</li>
<li style="margin:3px 0;color:var(--text-secondary)">Publish history in <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">~/.myvibe/published.yaml</code> for auto version updates</li>
<li style="margin:3px 0;color:var(--text-secondary)">Use <code style="background:var(--surface-3);padding:1px 5px;border-radius:3px;font-family:'DM Mono',monospace;font-size:12px">--new</code> to force new Vibe instead of updating</li>
</ul>
<br></div></div></div></div></div></div><div class="rounded-2xl p-8 text-center" style="background:var(--surface-1);border:1px solid var(--border)"><div class="text-2xl mb-3">🤖</div><p class="text-sm font-medium mb-1" style="color:var(--text-primary)">AI Usage Analysis</p><p class="text-xs" style="color:var(--text-muted)">Analysis is being generated… refresh in a few seconds.</p></div><template id="P:4"></template></div></div></div><script>$RS=function(a,b){a=document.getElementById(a);b=document.getElementById(b);for(a.parentNode.removeChild(a);a.firstChild;)b.parentNode.insertBefore(a.firstChild,b);b.parentNode.removeChild(b)};$RS("S:2","P:2")</script><script>self.__next_f.push([1,"21:[\"$\",\"section\",null,{\"className\":\"mt-10 mb-16\",\"children\":[[\"$\",\"div\",null,{\"style\":{\"height\":\"1px\",\"background\":\"var(--border)\",\"marginBottom\":\"24px\"}}],[\"$\",\"div\",null,{\"className\":\"flex items-center justify-between mb-4\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-lg font-semibold\",\"style\":{\"color\":\"var(--text-primary)\"},\"children\":[\"More \",\"File \u0026 System Utils\",\" Skills\"]}],[\"$\",\"$L19\",null,{\"href\":\"/category/dev/file-system\",\"className\":\"text-sm hover:text-purple-400 transition-colors\",\"style\":{\"color\":\"var(--text-muted)\"},\"children\":\"View all →\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4\",\"children\":[[\"$\",\"$L19\",\"cmllr3rf7001tlomjzzu6m0ww\",{\"href\":\"/skills/clawdbot-filesystem\",\"className\":\"rounded-xl p-4 transition-all hover:scale-[1.01]\",\"style\":{\"background\":\"var(--surface-1)\",\"border\":\"1px solid var(--border)\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"text-sm font-medium truncate mb-1\",\"style\":{\"color\":\"var(--text-primary)\"},\"children\":\"Filesystem Management\"}],[\"$\",\"p\",null,{\"className\":\"text-xs line-clamp-2 mb-2\",\"style\":{\"color\":\"var(--text-secondary)\"},\"children\":\"Advanced filesystem operations - listing, searching, batch processing, and directory analysis for Clawdbot\"}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 text-xs\",\"style\":{\"color\":\"var(--text-muted)\"},\"children\":[[\"$\",\"span\",null,{\"children\":[\"73\",\" installs\"]}],[\"$\",\"span\",null,{\"children\":[\"by \",\"gtrusler\"]}]]}]]}],[\"$\",\"$L19\",\"cmllr3v9c003alomjyegnw4iz\",{\"href\":\"/skills/filesystem\",\"className\":\"rounded-xl p-4 transition-all hover:scale-[1.01]\",\"style\":{\"background\":\"var(--surface-1)\",\"border\":\"1px solid var(--border)\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"text-sm font-medium truncate mb-1\",\"style\":{\"color\":\"var(--text-primary)\"},\"children\":\"Filesystem\"}],[\"$\",\"p\",null,{\"className\":\"text-xs line-clamp-2 mb-2\",\"style\":{\"color\":\"var(--text-secondary)\"},\"children\":\"Perform advanced filesystem tasks including listing, recursive searching by name or content, batch copying/moving/deleting files, and analyzing directory siz...\"}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 text-xs\",\"style\":{\"color\":\"var(--text-muted)\"},\"children\":[[\"$\",\"span\",null,{\"children\":[\"73\",\" installs\"]}],[\"$\",\"span\",null,{\"children\":[\"by \",\"AmaoFx\"]}]]}]]}],[\"$\",\"$L19\",\"cmllr427w005ulomj09wja2i4\",{\"href\":\"/skills/ssh-essentials\",\"className\":\"rounded-xl p-4 transition-all hover:scale-[1.01]\",\"style\":{\"background\":\"var(--surface-1)\",\"border\":\"1px solid var(--border)\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"text-sm font-medium truncate mb-1\",\"style\":{\"color\":\"var(--text-primary)\"},\"children\":\"Ssh Essentials\"}],[\"$\",\"p\",null,{\"className\":\"text-xs line-clamp-2 mb-2\",\"style\":{\"color\":\"var(--text-secondary)\"},\"children\":\"Essential SSH commands for secure remote access, key management, tunneling, and file transfers.\"}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 text-xs\",\"style\":{\"color\":\"var(--text-muted)\"},\"children\":[[\"$\",\"span\",null,{\"children\":[\"36\",\" installs\"]}],[\"$\",\"span\",null,{\"children\":[\"by \",\"Arnarsson\"]}]]}]]}],[\"$\",\"$L19\",\"cmllr4636007clomjyqh0kdjk\",{\"href\":\"/skills/pdf-extract\",\"className\":\"rounded-xl p-4 transition-all hover:scale-[1.01]\",\"style\":{\"background\":\"var(--surface-1)\",\"border\":\"1px solid var(--border)\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"text-sm font-medium truncate mb-1\",\"style\":{\"color\":\"var(--text-primary)\"},\"children\":\"Pdf Extract\"}],[\"$\",\"p\",null,{\"className\":\"text-xs line-clamp-2 mb-2\",\"style\":{\"color\":\"var(--text-secondary)\"},\"children\":\"Extract text from PDF files for LLM processing\"}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 text-xs\",\"style\":{\"color\":\"var(--text-muted)\"},\"children\":[[\"$\",\"span\",null,{\"children\":[\"15\",\" installs\"]}],[\"$\",\"span\",null,{\"children\":[\"by \",\"Xejrax\"]}]]}]]}],[\"$\",\"$L19\",\"cmllr43kp006dlomj5wdsirl0\",{\"href\":\"/skills/agent-directory\",\"className\":\"rounded-xl p-4 transition-all hover:scale-[1.01]\",\"style\":{\"background\":\"var(--surface-1)\",\"border\":\"1px solid var(--border)\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"text-sm font-medium truncate mb-1\",\"style\":{\"color\":\"var(--text-primary)\"},\"children\":\"Agent Directory\"}],[\"$\",\"p\",null,{\"className\":\"text-xs line-clamp-2 mb-2\",\"style\":{\"color\":\"var(--text-secondary)\"},\"children\":\"The directory for AI agent services. Discover tools, platforms, and infrastructure built for agents.\"}],\"$L28\"]}],\"$L29\"]}]]}]\n"])</script><script>self.__next_f.push([1,"28:[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 text-xs\",\"style\":{\"color\":\"var(--text-muted)\"},\"children\":[[\"$\",\"span\",null,{\"children\":[\"14\",\" installs\"]}],[\"$\",\"span\",null,{\"children\":[\"by \",\"aerialcombat\"]}]]}]\n29:[\"$\",\"$L19\",\"cmllr43uo006hlomj3dwf9efb\",{\"href\":\"/skills/clawdbot-filesystem-1-0-2\",\"className\":\"rounded-xl p-4 transition-all hover:scale-[1.01]\",\"style\":{\"background\":\"var(--surface-1)\",\"border\":\"1px solid var(--border)\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"text-sm font-medium truncate mb-1\",\"style\":{\"color\":\"var(--text-primary)\"},\"children\":\"Clawdbot Filesystem 1.0.2\"}],[\"$\",\"p\",null,{\"className\":\"text-xs line-clamp-2 mb-2\",\"style\":{\"color\":\"var(--text-secondary)\"},\"children\":\"Advanced filesystem operations - listing, searching, batch processing, and directory analysis for Clawdbot\"}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 text-xs\",\"style\":{\"color\":\"var(--text-muted)\"},\"children\":[[\"$\",\"span\",null,{\"children\":[\"13\",\" installs\"]}],[\"$\",\"span\",null,{\"children\":[\"by \",\"Lucky-2968\"]}]]}]]}]\n"])</script><div hidden id="S:4"><section class="mt-10 mb-16"><div style="height:1px;background:var(--border);margin-bottom:24px"></div><div class="flex items-center justify-between mb-4"><h2 class="text-lg font-semibold" style="color:var(--text-primary)">More <!-- -->File & System Utils<!-- --> Skills</h2><a class="text-sm hover:text-purple-400 transition-colors" style="color:var(--text-muted)" href="/category/dev/file-system">View all →</a></div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4"><a class="rounded-xl p-4 transition-all hover:scale-[1.01]" style="background:var(--surface-1);border:1px solid var(--border)" href="/skills/clawdbot-filesystem"><div class="text-sm font-medium truncate mb-1" style="color:var(--text-primary)">Filesystem Management</div><p class="text-xs line-clamp-2 mb-2" style="color:var(--text-secondary)">Advanced filesystem operations - listing, searching, batch processing, and directory analysis for Clawdbot</p><div class="flex items-center gap-3 text-xs" style="color:var(--text-muted)"><span>73<!-- --> installs</span><span>by <!-- -->gtrusler</span></div></a><a class="rounded-xl p-4 transition-all hover:scale-[1.01]" style="background:var(--surface-1);border:1px solid var(--border)" href="/skills/filesystem"><div class="text-sm font-medium truncate mb-1" style="color:var(--text-primary)">Filesystem</div><p class="text-xs line-clamp-2 mb-2" style="color:var(--text-secondary)">Perform advanced filesystem tasks including listing, recursive searching by name or content, batch copying/moving/deleting files, and analyzing directory siz...</p><div class="flex items-center gap-3 text-xs" style="color:var(--text-muted)"><span>73<!-- --> installs</span><span>by <!-- -->AmaoFx</span></div></a><a class="rounded-xl p-4 transition-all hover:scale-[1.01]" style="background:var(--surface-1);border:1px solid var(--border)" href="/skills/ssh-essentials"><div class="text-sm font-medium truncate mb-1" style="color:var(--text-primary)">Ssh Essentials</div><p class="text-xs line-clamp-2 mb-2" style="color:var(--text-secondary)">Essential SSH commands for secure remote access, key management, tunneling, and file transfers.</p><div class="flex items-center gap-3 text-xs" style="color:var(--text-muted)"><span>36<!-- --> installs</span><span>by <!-- -->Arnarsson</span></div></a><a class="rounded-xl p-4 transition-all hover:scale-[1.01]" style="background:var(--surface-1);border:1px solid var(--border)" href="/skills/pdf-extract"><div class="text-sm font-medium truncate mb-1" style="color:var(--text-primary)">Pdf Extract</div><p class="text-xs line-clamp-2 mb-2" style="color:var(--text-secondary)">Extract text from PDF files for LLM processing</p><div class="flex items-center gap-3 text-xs" style="color:var(--text-muted)"><span>15<!-- --> installs</span><span>by <!-- -->Xejrax</span></div></a><a class="rounded-xl p-4 transition-all hover:scale-[1.01]" style="background:var(--surface-1);border:1px solid var(--border)" href="/skills/agent-directory"><div class="text-sm font-medium truncate mb-1" style="color:var(--text-primary)">Agent Directory</div><p class="text-xs line-clamp-2 mb-2" style="color:var(--text-secondary)">The directory for AI agent services. Discover tools, platforms, and infrastructure built for agents.</p><div class="flex items-center gap-3 text-xs" style="color:var(--text-muted)"><span>14<!-- --> installs</span><span>by <!-- -->aerialcombat</span></div></a><a class="rounded-xl p-4 transition-all hover:scale-[1.01]" style="background:var(--surface-1);border:1px solid var(--border)" href="/skills/clawdbot-filesystem-1-0-2"><div class="text-sm font-medium truncate mb-1" style="color:var(--text-primary)">Clawdbot Filesystem 1.0.2</div><p class="text-xs line-clamp-2 mb-2" style="color:var(--text-secondary)">Advanced filesystem operations - listing, searching, batch processing, and directory analysis for Clawdbot</p><div class="flex items-center gap-3 text-xs" style="color:var(--text-muted)"><span>13<!-- --> installs</span><span>by <!-- -->Lucky-2968</span></div></a></div></section></div><script>$RS("S:4","P:4")</script><script>$RC("B:1","S:1")</script></body></html>
