会話セッションを邪魔せずに Claude Code / Codex / Cursor を外部イベントで動かすCLIの作り方まとめArtifact Share CLI adds local preview: browser element feedback triggers edits…
匿名の公開いいねです。記事の保存・お気に入りではなく、Featured、Top 3、重要度、掲載順位には影響しません。仕組みとプライバシーAnonymous public likes are reactions, not saved articles or bookmarks. They do not affect Featured, Top 3, importance, or listing order.How it works and privacy
- Artifact Share CLIにローカルのpreviewコマンドが加わり、画面上の要素への指摘を基にClaude Code・Codex・CursorがHTMLやMarkdownを修正して表示を自動更新する。
- 認証やアップロードなしで、対話を妨げないレビューを行いたい開発者に役立つ。
- Artifact Share CLI adds local preview: browser element feedback triggers edits by Claude Code, Codex, or Cursor and an auto-refresh.
- It enables local review without sign-in or uploads.
本ページの本文と要約は AI による自動生成です。日本語版と英語版は言語ごとに独立して生成されるため、表現や詳しさが異なる場合があります。正確性は元記事 (zenn.dev) をご確認ください。The body and summaries are AI-generated independently for each language, so wording and detail may differ. Verify accuracy at the original source (zenn.dev).
要約と収集メタデータに基づく AI 解説。元記事全文の転載・翻訳ではありません。AI explainer based on the summaries and collected metadata, not a copy or translation of the full source article.
previewコマンド
Artifact Share CLIに、ローカルで使うpreviewコマンドが追加された。ブラウザ上で対象ファイルの要素をクリックして指摘を書くと、Claude Code・Codex・Cursorがファイルを修正し、自動リロードされた画面で結果を確認できる。会話セッションを邪魔せず、画面から修正を依頼できる点が要点だ。
ローカルレビュー
対象はAIエージェントが作ったHTMLやMarkdown。Artifact Shareは、それらをURLで共有するサービスとして、今年5月ごろからソース公開で作られている。previewはサインインもアップロードも不要なローカル機能で、画面上の指摘からファイル修正、ブラウザでの結果表示までをつなぐ。実装も公開されている。
Artifact Share CLI
Artifact Share CLI now includes a local preview command for reviewing HTML and Markdown created by AI agents. It matters because browser-based feedback can trigger file edits without interrupting the conversational session.
Artifact Share is a source-available service for sharing AI-agent-created HTML and Markdown through a URL. The newly added preview command provides a local workflow instead.
Local preview
With preview running, a user can click an element in the browser and write feedback about it. That feedback triggers Claude Code, Codex, or Cursor to modify the relevant file.
After the file is changed, the browser automatically reloads and displays the result. The workflow therefore connects element-level browser feedback, edits by the selected tool, and an updated preview.
Sign-in and uploads
According to the source, preview is a local feature that does not require sign-in, sign-up, or uploading files. Its implementation has also been made public.
The command extends Artifact Share’s CLI with a review process centered on local files and browser interaction, while Claude Code, Codex, or Cursor handles the requested changes.
ポコとTECHガイドPoko & TECH Guide
ポコと当サイトのTECHガイドが、記事の要約と収集した情報から読みどころを語るAI生成の対話です。Poko and TECH Dashboard's own TECH Guide discuss the article's highlights in an AI-generated conversation based on its summary and collected source details.
- ポコPokoClaude Code・Codex・Cursorの3つが、ブラウザの指摘から修正できるの？ これって大きいこと？Claude Code, Codex, and Cursor can all make edits from browser feedback? Is that a big deal?
- TECHガイドTECH Guideこの記事では、指摘、修正、自動リロードまでが一続きじゃ。確認の行き来を減らせる変化として大きいのう。The article connects feedback, edits, and auto-refresh into one flow. That’s a meaningful change because it can reduce the back-and-forth during review.
- ポコPoko「ローカルのpreviewコマンド」って、つまりどういうこと？What does a “local preview command” actually mean?
- TECHガイドTECH Guideローカルは自分の環境内、previewは表示して確かめる機能、という意味じゃ。本文ではサインインもアップロードも不要じゃよ。“Local” means it runs in your own environment, while “preview” means viewing the result for review. The piece says no sign-in or upload is required.
- ポコPoko自分なら、作ったHTMLの気になる場所をクリックして、その場で直してもらいたいな。へえ、便利そう！I’d click the part of my HTML that looks off and ask for a fix right there. That sounds handy!
- TECHガイドTECH Guide紹介されている範囲では、対象はHTMLやMarkdownで、Claude Code・Codex・Cursorが修正する形じゃ。結果は自動リロードで確認できるぞ。As described, this works with HTML or Markdown, with Claude Code, Codex, or Cursor handling the edit. You then see the result through an automatic reload.
