원클릭으로 Manus에서 모든 스킬 실행

amvcp-share-pages

스타0

포크0

업데이트2026년 5월 25일 00:59

Deploy a generated HTML page to Vercel and get a live public URL the user can share. Use when the user asks to deploy, publish, share online, get a public URL, or ship a generated page so others can view it. Trigger with 'deploy to vercel', 'share this page', 'publish online', 'get a public URL', 'host this somewhere', or '/amvcp-share-page'.

설치

Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.

Manus에서 실행

출처

Emasoft

Emasoft/ai-maestro-visual-communicator-plugin

GitHub 저장소 열기 Creator 저장소 보기

다운로드

Manus에서 실행

Share Pages (Vercel deploy)

Overview

Loads when an HTML page exists (or will be generated by amvcp-visual-communication) and the user asks to share it externally — "deploy to Vercel", "publish online", "get a public URL", or /amvcp-share-page <path>. Ships the page to a live *.vercel.app URL as a static snapshot. For local viewing only, do NOT load — use scripts/amvcp-select.py.

Prerequisites

The vercel-deploy skill installed via pi install npm:vercel-deploy. share.py only searches the Pi skill search paths, so it must be a Pi-compatible install (a plain vercel CLI is not detected).
A self-contained .html at a known absolute path (typically $CLAUDE_PROJECT_ROOT/reports/visual-communicator/diagrams/).
Browser + Python 3.12+ runner.
Working internet connection.

Instructions

Confirm the HTML page exists at an absolute path. If not generated, run amvcp-visual-communication first.
Invoke /amvcp-share-page $CLAUDE_PROJECT_ROOT/reports/visual-communicator/diagrams/<file>.html. Under the hood: python3 $CLAUDE_PLUGIN_ROOT/scripts/share.py <html-file> copies HTML into a temp dir as index.html, hands it to vercel-deploy, prints the live URL + claim URL.
Return the URL verbatim so the user can copy-paste. Mention the claim URL too, for attaching to their Vercel account.

Output

Live URL on *.vercel.app (e.g. https://skill-deploy-abc123.vercel.app) reachable by anyone.
Claim URL to attach the deployment to a Vercel account (otherwise anonymous pool, ~30-day retention).
Static page: HTML + inline CSS/JS + CDN fonts/libraries all work.
Selection runner not deployed — runtime shows "selection sent — copy this JSON" overlay instead of POSTing.
Modal-comment threads (v2/v3) not deployed — widgets render but submit fails silently.

Error Handling

vercel-deploy missing → tell the user to install: pi install npm:vercel-deploy (the exact command share.py prints on a not-found). Do NOT fall back to a raw vercel CLI — the skill encapsulates auth, naming, claim flow.
Private data leak risk → audit the rendered HTML (paths, tokens, internal hostnames, PII) BEFORE deploying. URL is public and indexable; once on *.vercel.app the only mitigation is vercel rm plus assuming it's already crawled.
Deploy failure → check vercel CLI is reachable, internet works, HTML is self-contained. Retry once; surface the CLI's error verbatim.

Examples

Deploy a slide deck and share with the team:

/amvcp-share-page $CLAUDE_PROJECT_ROOT/reports/visual-communicator/diagrams/q1-review.html

Returns Live URL: https://skill-deploy-abc123.vercel.app + a claim URL. User pastes the live URL into Slack; teammates open it in any browser and see the rendered slide deck (static, no runner).

Modes

Not applicable — this skill is an operational workflow (open the rendered HTML in a sharable browser, return a URL). It does NOT render visual elements of its own, so R20-R23 of amvcp-self-debug-rules don't apply.

Composability

Not applicable in the visual sense — the skill orchestrates external tools (browser launch, Vercel upload, etc.). The rendered HTML it serves is produced by the visual skills; this skill only hosts.

Resources

interactive-selection-base.md — wire format + runtime contract; selection pages lose interactivity on Vercel.

How it works & Page Setup · The selection payload · Selectable Elements · Engine routing — read this BEFORE generating a graph · Runtime & Process Caveats
- How it works & Page Setup
- The selection payload
- Selectable Elements
- Engine routing — read this BEFORE generating a graph
- Runtime & Process Caveats
sharing-pages.md — full deploy workflow, share.py, vercel-deploy API, error modes, retention.

Overview · Usage · Example · How it works · Requirements · Notes
- Overview
- Usage
- Example
- How it works
- Requirements
- Notes

이 저장소의 다른 Skills

같은 저장소

amvcp-anim-sandbox

Emasoft/ai-maestro-visual-communicator-plugin

Animation sandbox — ONE transition shown in isolation with live duration + easing tuners, a Replay button, and an export of the tuned {duration, easing} values. Moving the slider or easing select re-runs the transition live; the tuned values export through the runtime selection channel. Light + dark, reduced-motion-aware. Use when tuning a transition, dialling in animation timing, picking an easing curve, or building an easing/duration playground. Trigger with 'animation sandbox', 'tune a transition', 'easing tuner', 'duration slider', 'easing playground', 'pick an easing curve'.

2026-06-200

amvcp-code-diff

Emasoft/ai-maestro-visual-communicator-plugin

Code diff surface — unified + split diff blocks, twin-column gutter, semantic diff tints, PR review pages with line-anchored comments. Use when scaffolding a code diff, a side-by-side review, a PR / postmortem / changelog page. Trigger with 'diff', 'split diff', 'unified diff', 'PR review', 'code review', 'pull request', 'postmortem', 'hunk', 'line-diff'.

2026-06-200

amvcp-code-fences

Emasoft/ai-maestro-visual-communicator-plugin

Code-as-data and editable-fence surface — distinguishes pre tag as code vs data (CSV/JSON/YAML), the data-ve-no-gutter opt-out, and the contenteditable code-editor family. Use when scaffolding a CSV/JSON data block, a live editor, an opt-out gutter block, or deciding fenced vs free-form. Trigger with 'CSV', 'JSON data', 'YAML data', 'data fence', 'opt-out gutter', 'contenteditable', 'JSON editor', 'live edit code', 'no-gutter'.

2026-06-200

amvcp-code-highlight

Emasoft/ai-maestro-visual-communicator-plugin

Router skill for the code-display surface — dispatches to 4 sibling skills: code-syntax, code-diff, code-snippets, code-fences. Use when scaffolding ANY code-display surface and you don't yet know which sub-surface fits. Trigger with 'code', 'code block', 'syntax highlight', 'diff', 'PR review', 'walkthrough', 'tabbed code', 'CSV data', 'JSON editor'.

2026-06-200

amvcp-code-snippets

Emasoft/ai-maestro-visual-communicator-plugin

Multi-perspective code composition surface — collapsed walkthroughs, snippet-on-hover, tabbed multi-perspective panels, click-step-to-code, N-column compare layouts. Use when scaffolding a code walkthrough, explainer, tutorial, or click-driven code reveal. Trigger with 'walkthrough', 'tabbed code', 'click reveal code', 'snippet', 'explainer', 'tutorial steps', 'compare approaches'.

2026-06-200

amvcp-code-syntax-chrome

Emasoft/ai-maestro-visual-communicator-plugin

Visual chrome + inline hand-wrap for code blocks — block 3-state hover/select model, blueprint theme, slate-bg panel, file-path / tab-bar headers, inline code chip, 4-class hand-wrap palette, keyword-arrow highlight, plus the author-vs-runtime + light/dark cross-cutting discipline. Use when styling a code block's container, adding a file-path or tab-bar header, hand-wrapping inline code without the JS tokenizer, or wiring light/dark token mirrors. Trigger with 'block hover state', 'blueprint theme', 'slate panel', 'file-path header', 'tab-bar', 'inline code chip', 'hand-wrap', 'keyword highlight', 'light dark code mirror', 'author vs runtime'.

2026-06-200

name	amvcp-share-pages
description	Deploy a generated HTML page to Vercel and get a live public URL the user can share. Use when the user asks to deploy, publish, share online, get a public URL, or ship a generated page so others can view it. Trigger with 'deploy to vercel', 'share this page', 'publish online', 'get a public URL', 'host this somewhere', or '/amvcp-share-page'.
license	MIT
metadata	{"author":"Emasoft"}

Share Pages (Vercel deploy)

Overview

Prerequisites

The vercel-deploy skill installed via pi install npm:vercel-deploy. share.py only searches the Pi skill search paths, so it must be a Pi-compatible install (a plain vercel CLI is not detected).
A self-contained .html at a known absolute path (typically $CLAUDE_PROJECT_ROOT/reports/visual-communicator/diagrams/).
Browser + Python 3.12+ runner.
Working internet connection.

Instructions

Confirm the HTML page exists at an absolute path. If not generated, run amvcp-visual-communication first.
Invoke /amvcp-share-page $CLAUDE_PROJECT_ROOT/reports/visual-communicator/diagrams/<file>.html. Under the hood: python3 $CLAUDE_PLUGIN_ROOT/scripts/share.py <html-file> copies HTML into a temp dir as index.html, hands it to vercel-deploy, prints the live URL + claim URL.
Return the URL verbatim so the user can copy-paste. Mention the claim URL too, for attaching to their Vercel account.

Output

Live URL on *.vercel.app (e.g. https://skill-deploy-abc123.vercel.app) reachable by anyone.
Claim URL to attach the deployment to a Vercel account (otherwise anonymous pool, ~30-day retention).
Static page: HTML + inline CSS/JS + CDN fonts/libraries all work.
Selection runner not deployed — runtime shows "selection sent — copy this JSON" overlay instead of POSTing.
Modal-comment threads (v2/v3) not deployed — widgets render but submit fails silently.

Error Handling

vercel-deploy missing → tell the user to install: pi install npm:vercel-deploy (the exact command share.py prints on a not-found). Do NOT fall back to a raw vercel CLI — the skill encapsulates auth, naming, claim flow.
Private data leak risk → audit the rendered HTML (paths, tokens, internal hostnames, PII) BEFORE deploying. URL is public and indexable; once on *.vercel.app the only mitigation is vercel rm plus assuming it's already crawled.
Deploy failure → check vercel CLI is reachable, internet works, HTML is self-contained. Retry once; surface the CLI's error verbatim.

Examples

Deploy a slide deck and share with the team:

/amvcp-share-page $CLAUDE_PROJECT_ROOT/reports/visual-communicator/diagrams/q1-review.html

Returns Live URL: https://skill-deploy-abc123.vercel.app + a claim URL. User pastes the live URL into Slack; teammates open it in any browser and see the rendered slide deck (static, no runner).

Modes

Composability

Resources

interactive-selection-base.md — wire format + runtime contract; selection pages lose interactivity on Vercel.

How it works & Page Setup · The selection payload · Selectable Elements · Engine routing — read this BEFORE generating a graph · Runtime & Process Caveats
- How it works & Page Setup
- The selection payload
- Selectable Elements
- Engine routing — read this BEFORE generating a graph
- Runtime & Process Caveats
sharing-pages.md — full deploy workflow, share.py, vercel-deploy API, error modes, retention.

Overview · Usage · Example · How it works · Requirements · Notes
- Overview
- Usage
- Example
- How it works
- Requirements
- Notes