メニュー
Build self-contained interactive web applications as single HTML files. Use for creating demos, prototypes, interactive tools, and standalone web experiences that work without external servers.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/vamseeachanta/workspace-hub --skill web-artifacts-builderコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
SOC 職業分類に基づく
SKILL.md を表示中
| name | web-artifacts-builder |
| description | Build self-contained interactive web applications as single HTML files. Use for creating demos, prototypes, interactive tools, and standalone web experiences that work without external servers. |
| version | 2.0.0 |
| category | _internal |
| last_updated | "2026-01-02T00:00:00.000Z" |
| related_skills | ["frontend-design","algorithmic-art","theme-factory"] |
| tags | [] |
| see_also | ["web-artifacts-builder-self-contained-architecture","web-artifacts-builder-basic-template","web-artifacts-builder-1-interactive-dashboard","web-artifacts-builder-common-cdn-libraries","web-artifacts-builder-file-naming"] |
Create self-contained, interactive web applications as single HTML files. These artifacts require no server, no build process, and can be shared as standalone files that run in any modern browser.
When the artifact is an interactive review, scoring, calibration, triage, QA, or annotation app, include a one-click Submit workflow by default. Manual JSON/CSV export-download-upload is acceptable only as a fallback; it is too convoluted as the primary user path.
Recommended pattern:
Submit button as the primary completion path; export/copy controls should be visually secondary.GET /health, POST /submit) that writes timestamped submissions plus submissions/latest.json.http://127.0.0.1:<port>/submit; if unavailable, copy JSON to clipboard and show the exact receiver start command.See references/interactive-review-submit-pattern.md for implementation details and pitfalls.
<!DOCTYPE html>
<html lang="en">
<head>
Web Artifact
Interactive Tool
Calculate
Use this pattern when the user needs to rate, triage, or calibrate a batch of examples in a browser instead of editing Markdown/CSV by hand.
localStorage.node --check when Node is available;'\\n') inside JavaScript; an actual newline inside a quoted JS string will make the page render shell content but fail to initialize.Starter template: templates/interactive-rating-app.html.
Write outbound email and external messages in Vamsee Achanta's voice — a subtle offer to help, never bold or rash claims. Load before drafting ANY email, LinkedIn/Collide reply, proposal note, or outreach sent under his name.
Save/publish analysis or computation results from ANY ecosystem repo to Hugging Face as a queryable, viewer-renderable dataset. Use when the user wants to "save results to hugging face", "publish dataset to HF", "hugging face data saving", "save analysis results", "hf dataset", "make results queryable", or "render via datasets-server API". Reshapes nested results into flat parquet tables, writes a dataset card with a viewer `configs:` block and provenance, applies license/public-vs-private routing, enforces a domain data-quality gate (faithful-to-source != correct), publishes to `aceengineer/<repo>-<projection>`, and verifies via the datasets-server API.
Clone, create, fork, configure, and manage GitHub repositories. Manage remotes, secrets, releases, and workflows. Works with gh CLI or falls back to git + GitHub REST API via curl.