diff --git a/README.md b/README.md index 8e2cab7..5f6100b 100644 --- a/README.md +++ b/README.md @@ -17,7 +17,7 @@ Run it on a laptop for one developer. Deploy it for a private team on Cloudflare ## Contents - [Why Artifact Server](#why-artifact-server) -- [Built for AI agents](#built-for-ai-agents) +- [Built for AI agents and team collaboration](#built-for-ai-agents-and-team-collaboration) - [Cloudflare and Artifact Server](#cloudflare-and-artifact-server) - [Deploy it for a team](#deploy-it-for-a-team) - [Run it locally](#run-it-locally) @@ -31,7 +31,7 @@ Teams now use HTML, images, and video for plans, mockups, prototypes, code revie Artifact Server gives teams a self-hosted place to organize and collaborate on that work. Store artifacts by project, share them, comment on them, and keep control of the files and data. -## Built for AI agents +## Built for AI agents and team collaboration

Claude @@ -62,9 +62,13 @@ Artifact Server gives teams a self-hosted place to organize and collaborate on t

-AI agents connect to Artifact Server through its built-in MCP server +

+ AI agents connect to Artifact Server through its built-in MCP server +    + Team members add comments to exact artifact versions +

-Artifact Server includes a built-in MCP server and a portable Agent Skill. Agents can publish, organize, review, comment on, and share versioned artifacts. +Artifact Server includes a built-in MCP server and a portable Agent Skill. Agents publish and update versioned artifacts. Teams review, comment on, and share the same work. Connect the agent and install the skill: @@ -81,13 +85,21 @@ Then ask: The agent returns the full-screen review link first. [Read the MCP guide](./docs/mcp.md) for source checkouts, remote servers, permissions, and supported operations. -Artifact Server has first-class Pi support through a live feedback extension +Live session delivery is available from source for Pi and Claude Code Channels. Claude Channels require its research-preview development flag and, on managed plans, the organization policy. The OpenCode adapter is not release-qualified; live-host verification and contributions are welcome. + +

+ Artifact Server has native Pi support for live integrated feedback + Artifact Server supports live feedback through the Claude Code Channels research preview + OpenCode live-host verification, features, and pull requests are welcome +

## Cloudflare and Artifact Server Cloudflare is the main hosted deployment target. Cloudflare Artifacts can add private Git-backed history for selected projects. It is off by default and currently requires closed beta access. -Cloudflare Artifacts provides optional Git-backed history +

+ Cloudflare Artifacts provides optional Git-backed history +

- [Deploy Artifact Server on Cloudflare](./deploy/cloudflare/README.md) - [Configure optional Git history](./docs/cloudflare-artifacts.md) diff --git a/apps/site/src/pages/index.astro b/apps/site/src/pages/index.astro index 76edf78..57b2f13 100644 --- a/apps/site/src/pages/index.astro +++ b/apps/site/src/pages/index.astro @@ -90,8 +90,16 @@ When the setup is complete, begin your final response with “Artifact Server is @@ -103,20 +111,6 @@ When the setup is complete, begin your final response with “Artifact Server is -
- npx skills add plannotator/artifact-server - Install manually - -
@@ -243,8 +237,16 @@ When the setup is complete, begin your final response with “Artifact Server is
    {agents.map((agent) => (
  • - - + + {agent.name}
    • ))} diff --git a/apps/site/src/styles/landing.css b/apps/site/src/styles/landing.css index 193481c..ed35d29 100644 --- a/apps/site/src/styles/landing.css +++ b/apps/site/src/styles/landing.css @@ -285,10 +285,11 @@ .landing-copy-prompt__label { min-width: 0; - flex: 1; + flex: none; + margin-inline-start: auto; font-size: 0.875rem; font-weight: 650; - text-align: left; + text-align: end; white-space: nowrap; } @@ -317,70 +318,7 @@ place-items: center; } -.landing-manual-command { - display: grid; - min-height: 2.75rem; - grid-template-columns: minmax(0, 1fr) auto 2rem; - align-items: center; - gap: 0.75rem; - padding: 0.375rem 0.375rem 0.375rem 0.875rem; - border: 1px solid var(--nb-border); - background: var(--nb-card); - font-family: var(--nb-font-mono); - font-size: 0.6875rem; -} - -.landing-manual-command code { - min-width: 0; - overflow: hidden; - color: var(--nb-foreground); - text-overflow: ellipsis; - white-space: nowrap; -} - -.landing-manual-command a { - color: var(--nb-muted-foreground); - text-decoration: none; - white-space: nowrap; - transition: color 150ms ease; -} - -.landing-copy-icon-button { - display: grid; - width: 2rem; - height: 2rem; - place-items: center; - border: 1px solid var(--nb-border); - background: transparent; - color: var(--nb-muted-foreground); - cursor: pointer; - transition: - border-color 150ms ease, - color 150ms ease, - transform 150ms ease; -} - -.landing-copy-icon-button svg { - width: 0.875rem; - height: 0.875rem; -} - -.landing-copy-icon-button svg:last-child, -.landing-copy-icon-button[data-copied] svg:first-child { - display: none; -} - -.landing-copy-icon-button[data-copied] { - border-color: color-mix(in oklch, var(--nb-success) 70%, var(--nb-border)); - color: var(--nb-success); -} - -.landing-copy-icon-button[data-copied] svg:last-child { - display: block; -} - -.landing-copy-prompt:active, -.landing-copy-icon-button:active { +.landing-copy-prompt:active { transform: scale(0.96); } @@ -390,14 +328,6 @@ background: var(--nb-muted); } - .landing-manual-command a:hover, - .landing-copy-icon-button:hover { - color: var(--nb-foreground); - } - - .landing-copy-icon-button:hover { - border-color: var(--nb-foreground); - } } /* Hero: the full-screen review — artifact canvas plus the open comment panel. */ @@ -949,6 +879,16 @@ object-fit: contain; } +.landing-agent-setup__marks img.agent-logo--opencode { + width: 0.8rem; + height: 1rem; +} + +.landing-loop__agents img.agent-logo--opencode { + width: 0.7rem; + height: 0.875rem; +} + .landing-shell .theme-dark { display: none; } @@ -1339,28 +1279,21 @@ } .landing-copy-prompt__label { - grid-column: 1 / -1; + grid-column: 1; grid-row: 2; min-width: auto; + justify-self: end; font-size: 0.8125rem; + text-align: end; } .landing-copy-prompt__icon { grid-column: 2; - grid-row: 1; + grid-row: 2; width: 0.875rem; height: 0.875rem; } - .landing-manual-command { - grid-template-columns: minmax(0, 1fr) 2rem; - } - - .landing-manual-command a { - grid-column: 1 / -1; - grid-row: 2; - } - .artifact-window { display: none; } diff --git a/docs/assets/agent-native-mcp.svg b/docs/assets/agent-native-mcp.svg index 0165d55..19907b4 100644 --- a/docs/assets/agent-native-mcp.svg +++ b/docs/assets/agent-native-mcp.svg @@ -1,6 +1,6 @@ - - Artifact Server includes a built-in MCP server - Claude, Codex, Cursor, GitHub Copilot, Pi, and OpenCode connect to Artifact Server through MCP to publish, review, comment, version, and share artifacts. + + AI agents connect to Artifact Server through MCP + Claude, Codex, Cursor, GitHub Copilot, Pi, and OpenCode connect to Artifact Server through MCP. @@ -9,33 +9,34 @@ - + - YOUR AI AGENT - Claude · Codex · Cursor · Copilot - Pi · OpenCode + YOUR AI AGENT + Claude, Codex, Cursor + Copilot, Pi, OpenCode + Publish and update artifacts - - - BUILT-IN - MCP SERVER + + + MCP - diff --git a/docs/assets/claude-channel-feedback.svg b/docs/assets/claude-channel-feedback.svg new file mode 100644 index 0000000..1c54405 --- /dev/null +++ b/docs/assets/claude-channel-feedback.svg @@ -0,0 +1,27 @@ + + Claude Code Channels support live feedback + The Artifact Server channel bridge sends review comments to an opted-in Claude Code session through the Channels research preview. + + + + + + + + + + + + + + CLAUDE CHANNELS + Live feedback via Channels + + + + diff --git a/docs/assets/opencode-plugin-wanted.svg b/docs/assets/opencode-plugin-wanted.svg new file mode 100644 index 0000000..50d2aef --- /dev/null +++ b/docs/assets/opencode-plugin-wanted.svg @@ -0,0 +1,20 @@ + + OpenCode plugin contributions welcome + The OpenCode bridge is not release-qualified. Live-host verification, feature work, and pull requests are welcome. + + + + + + + OPENCODE PLUGIN + Feature or PR welcome + + + + diff --git a/docs/assets/pi-live-feedback.svg b/docs/assets/pi-live-feedback.svg index df62e2f..f57dd22 100644 --- a/docs/assets/pi-live-feedback.svg +++ b/docs/assets/pi-live-feedback.svg @@ -1,4 +1,4 @@ - + First-class Pi support The Artifact Server Pi extension sends review comments to a live Pi session. Pi replies to and resolves the comments in Artifact Server. @@ -9,20 +9,20 @@ - + - diff --git a/docs/assets/team-collaboration.svg b/docs/assets/team-collaboration.svg new file mode 100644 index 0000000..72381b8 --- /dev/null +++ b/docs/assets/team-collaboration.svg @@ -0,0 +1,58 @@ + + Teams review artifacts together + Ada Lovelace and Sam Kim leave distinct comments on the same artifact version, and Codex confirms the update. + + + + + + + + + + + + TEAM COLLABORATION + + + + + + artifact.html + + + + + 1 + + + + + + + Comments + + 3 + + + + AL + Ada Lovelace + Tighten the hierarchy. + + + SK + Sam Kim + Keep the updated diagram. + + + Codex + Applied both comments in version 5. + + +