aesthetic-computer

@aesthetic.computer/mcp

aesthetic.computer 用の MCP（Model Context Protocol）サーバーです。AI アシスタントがクリエイティブコーディング作品を作成、公開できるようにします。

これは何ですか？

この MCP サーバーを使うと、Claude、ChatGPT などの AI アシスタントや、その他の MCP 対応ツールで次のことができます。

• ✨ aesthetic.computer に JavaScript 作品を公開
• 🎨 KidLisp アートを作成、共有（Lisp ベースのクリエイティブコーディング言語）
• 🎵 発音しやすい短いコードで クロックメロディーを作曲
• 📚 API ドキュメントにプログラムからアクセス
• 🚀 スターターテンプレートとリファレンスを取得
• 🔄 コンテンツの重複排除 — 同じコードには同じ URL が返されます
• 🌐 匿名で公開 — アカウントは不要です

インストール

NPM グローバルインストール

npm install -g @aesthetic.computer/mcp

NPX（インストール不要 — 推奨）

npx @aesthetic.computer/mcp

インストールは不要です。MCP 設定の -y フラグによって、最新バージョンが自動的にダウンロードされ、実行されます。

設定

Claude Desktop

~/Library/Application Support/Claude/claude_desktop_config.json（macOS）または %APPDATA%\Claude\claude_desktop_config.json（Windows）に追加します。

{
  "mcpServers": {
    "aesthetic-computer": {
      "command": "npx",
      "args": ["-y", "@aesthetic.computer/mcp"],
      "env": {
        "AC_TOKEN": "your-auth0-bearer-token-here"
      }
    }
  }
}

Claude Code（VS Code 拡張機能）

.vscode/mcp.json または ~/.claude/mcp.json に追加します。

{
  "mcpServers": {
    "aesthetic-computer": {
      "command": "npx",
      "args": ["-y", "@aesthetic.computer/mcp"],
      "env": {
        "AC_TOKEN": "your-auth0-bearer-token-here"
      }
    }
  }
}

Cursor

Cursor の MCP 設定に追加します。

{
  "mcpServers": {
    "aesthetic-computer": {
      "command": "npx",
      "args": ["-y", "@aesthetic.computer/mcp"]
    }
  }
}

認証（任意）

環境変数 AC_TOKEN は任意です。指定しない場合：

• すべての公開は匿名で行われます（ゲストモード）
• 作品は引き続き一般公開されます
• 作品をアカウントに関連付けるには、aesthetic.computer の Bearer トークンを指定してください

利用可能なツール

publish_piece

JavaScript 作品を aesthetic.computer に公開します。

入力：

{
  "source": "export function boot($) { ... }\nexport function paint($) { ... }",
  "name": "my-piece"
}

出力：

{
  "code": "drift",
  "url": "https://aesthetic.computer/drift",
  "cached": false
}

publish_kidlisp

KidLisp コードを公開します。

入力：

{
  "source": "(wipe blue)\n(ink yellow)\n(circle (/ w 2) (/ h 2) 100)"
}

出力：

{
  "code": "xyz789",
  "url": "https://aesthetic.computer/xyz789",
  "cached": false
}

publish_clock

クロックメロディーを公開します。

入力：

{
  "source": "c4 e4 g4 c5 g4 e4 c4"
}

出力：

{
  "code": "bako",
  "url": "https://aesthetic.computer/clock~bako",
  "cached": false
}

get_api_info

API ドキュメント全体を取得します。

preview_kidlisp

公開せずに KidLisp ソースを検証します。構文エラー、警告、ソース内で見つかった関数やインタラクティブ動作、アニメーション動作の概要を返します。

利用可能なリソース

aesthetic-computer://piece-template

新しい aesthetic.computer 作品用のスターターテンプレートを返します。ライフサイクル関数（boot、paint、sim、act）がすべて含まれています。

aesthetic-computer://kidlisp-reference

KidLisp の構文と一般的な関数のクイックリファレンスです。

aesthetic-computer://piece-examples

人気の公開作品から抜粋した例です。

利用可能なプロンプト

create-piece

aesthetic.computer 作品を作成するためのガイド付きプロンプトです。

引数：

• name（必須）：作品の名前
• description（必須）：作品に行わせる内容

create-kidlisp

KidLisp 作品を作成、公開するためのガイド付きプロンプトです。

引数：

• description（必須）：作品に行わせる内容

これを使う理由

• 🎨 クリエイティブコーディングを手軽に：AI アシスタントに aesthetic.computer の作品を書いてもらえます
• ⚡ 即時公開：アイデアを数秒で公開 URL にできます
• 🔗 共有可能な URL：すべての作品に、わかりやすく共有しやすいリンクが付与されます
• 🆓 アカウント不要：匿名での公開をすぐに利用できます
• ♻️ スマートな重複排除：同一のコードには同じ URL が返されます
• 🌍 オープンプラットフォーム：すべての作品が一般公開されます

会話の例

設定が完了したら、AI アシスタントに次のように頼めます。

JavaScript 作品

「弾むボールを描く作品を作って」

「マウスで描ける、インタラクティブなお絵描きキャンバスを作って」

「音に反応するパーティクルシステムを作って」

KidLisp アート

「青い背景に黄色い円がある KidLisp 作品を作って」

「ランダムな図形を使った、KidLisp によるジェネラティブアートを作って」

時計のメロディー

「ハ長調の音階を使った時計のメロディーを公開して」

「時計用にペンタトニックのメロディーを作曲して」

学習とテンプレート

「作品のテンプレートを見せて」

「KidLispではどの関数を使えますか？」

AI は MCP ツールを使って作品を自動的に作成・公開し、すぐにアクセスできるライブ URL を返します！

開発

# Clone the repo
git clone [email protected]:aesthetic.computer/core
cd aesthetic-computer/mcp-server

# Install dependencies
npm install

# Build
npm run build

# Test locally
node dist/index.js

リンク

• 🌐 aesthetic.computer
• 📖 API ドキュメント
• 🎨 KidLisp ドキュメント
• 📝 作品の書き方ガイド
• 🔧 MCP 仕様

ライセンス

MIT

作者

Jeffrey Alan Scudder