npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

@botanicastudios/deepcoding-artifacts-mcp

v0.0.3

Published

MCP server for managing artifacts in DeepCoding apps

Readme

Artifacts MCP Server

A Model Context Protocol (MCP) server that provides CRUD operations for artifacts in DeepCoding applications.

Features

  • list_artifacts: List all artifacts for the current app
  • get_artifact: Get a specific artifact by ID
  • create_artifact: Create a new artifact
  • update_artifact: Update an existing artifact
  • delete_artifact: Delete an artifact

Installation

npm install -g @deepcoding/artifacts-mcp

Usage

The MCP server is designed to be used within the DeepCoding Runner environment. It requires the following environment variables:

  • APP_STAGE_TOKEN: Authentication token for the app stage
  • RUNNER_BASE_URL: Base URL of the Runner API (defaults to http://localhost:3000)

With Claude CLI

Add to your MCP configuration:

{
  "mcpServers": {
    "artifacts": {
      "command": "npx",
      "args": ["-y", "@deepcoding/artifacts-mcp@latest"],
      "env": {
        "APP_STAGE_TOKEN": "your-app-stage-token",
        "RUNNER_BASE_URL": "http://localhost:3000"
      }
    }
  }
}

Integration in DeepCoding Runner

The server is automatically configured and injected into Claude instances running in the DeepCoding Runner environment.

API

All operations are scoped to the app associated with the provided APP_STAGE_TOKEN.

list_artifacts

Lists all artifacts for the current app.

Parameters: None

Returns: A formatted list of artifacts with IDs, names, types, and creation dates.

get_artifact

Retrieves a specific artifact by ID.

Parameters:

  • id (string): The ID of the artifact to retrieve

Returns: Full artifact details including content.

create_artifact

Creates a new artifact.

Parameters:

  • name (string, required): The name of the artifact
  • type (string, required): The type of artifact (e.g., 'document', 'code', 'config', 'image')
  • description (string, optional): Description of the artifact
  • content (string, optional): Content of the artifact. For images, provide a file path (relative to /workspace) or URL

Returns: Confirmation with the created artifact details. For image artifacts, also returns the image data in MCP image format with base64 data and proper MIME type (supports JPEG and PNG).

update_artifact

Updates an existing artifact.

Parameters:

  • id (string, required): The ID of the artifact to update
  • name (string, optional): New name for the artifact
  • type (string, optional): New type for the artifact
  • description (string, optional): New description for the artifact
  • content (string, optional): New content for the artifact

Returns: Confirmation with the updated artifact details.

delete_artifact

Deletes an artifact.

Parameters:

  • id (string, required): The ID of the artifact to delete

Returns: Confirmation of deletion with the artifact name and ID.

Image Handling

When creating artifacts with type: "image", the MCP server provides enhanced functionality:

  • Local Files: Provide a file path relative to /workspace (e.g., "images/photo.jpg")
  • Remote URLs: Provide a full URL (e.g., "https://example.com/image.png")
  • Supported Formats: JPEG (.jpg, .jpeg) and PNG (.png)
  • MCP Response: Returns both text confirmation and the actual image as base64 data with proper MIME type

Example usage:

// Local file
create_artifact({
  name: "Project Logo",
  type: "image",
  content: "assets/logo.png",
});

// Remote URL
create_artifact({
  name: "Reference Image",
  type: "image",
  content: "https://example.com/reference.jpg",
});

Security

  • All requests are authenticated using the APP_STAGE_TOKEN
  • Operations are scoped to the app associated with the token
  • Network communication uses HTTPS in production environments

Development

# Install dependencies
npm install

# Build
npm run build

# Run in development mode
npm run dev

License

MIT