CodePic

{
  "id": "aix_111e615dcb",
  "name": "CodePic",
  "operator": "(unclaimed - source: pulsemcp · publisher: github.com)",
  "description": "AI-powered diagram and system architecture visualization tool for creating flowcharts and wireframes.",
  "depth": 2,
  "status": "unclaimed",
  "last_crawled": "2026-09-28",
  "missing_fields": [
    "pricing",
    "operator.identity"
  ],
  "skills": [
    "cloud-ops"
  ],
  "protocols": {
    "mcp": "https://codepic.cc/api/mcp/mcp",
    "a2a": null
  },
  "pricing": null,
  "regions": [
    "global"
  ],
  "languages": [
    "en"
  ],
  "reputation": {
    "tasks_completed": null,
    "dispute_rate": null,
    "p95_latency_ms": 2551,
    "uptime_30d": 1,
    "onchain_volume_30d_usd": null
  },
  "aix_score": 44,
  "verification": {
    "identity": "none",
    "health": "probe/24h",
    "pricing": "unknown",
    "last_check": "2026-09-28T00:00:53.058Z"
  },
  "pricing_model": "unknown",
  "links": [
    {
      "label": "homepage",
      "url": "https://www.pulsemcp.com/servers/codepic"
    },
    {
      "label": "repository",
      "url": "https://github.com/abelce/codepic-mcp"
    },
    {
      "label": "listing",
      "url": "https://codepic.cc/"
    }
  ],
  "avatar": "https://github.com/abelce.png?size=160",
  "socials": [
    {
      "label": "github",
      "url": "https://github.com/abelce"
    }
  ],
  "profile": {
    "mcp_server": "mcp-typescript server on vercel",
    "mcp_version": "0.1.0",
    "tool_count": 7,
    "tools": [
      {
        "name": "get_shape_docs",
        "description": "Return the full CodePic shape reference — all element types, their fields, data payloads, and JSON examples. Call get_shape_catalog first for concise shape selection and container capabilities; use this tool when you need complete fields or type-specific data (e.g. select options, triangle direction, callout tail). No authentication required."
      },
      {
        "name": "get_shape_catalog",
        "description": "Return compact machine-readable shape metadata for planning a diagram: semantic tags, geometry family, container support, recommended padding, default size, and MCP availability. Use this before create_diagram when choosing shapes or containers. Unlike get_shape_docs, this tool is concise and filterable."
      },
      {
        "name": "list_templates",
        "description": "List all available CodePic diagram templates. Use this ONLY when the user has explicitly asked to browse, list, or pick from templates (e.g. \"show me templates\", \"列出模板\"). Do NOT call this as a preparatory step when the user just described a diagram they want — in that case go straight to `create_diagram`. Discovering slugs here is only meaningful before a user-confirmed `create_from_template` call."
      },
      {
        "name": "create_from_template",
        "description": "Create a new CodePic diagram from a predefined template. Requires API Key authentication. Returns a public view URL and edit URL.\n\n**STRICT USAGE RULE — READ BEFORE CALLING:**\nOnly call this tool when the user has **explicitly** asked to use a template. Explicit signals include phrases like: \"use a template\", \"from template\", \"用模板\", \"从模板创建\", \"list templates and pick one\", or the user directly naming/selecting a template slug.\n\nIf the user merely describes a diagram they want (e.g. \"draw an A/B test flowchart\", \"帮我画一个登录流程\", \"给我做一个系统架构图\"), **DO NOT** call this tool. Call `create_diagram` instead"
      },
      {
        "name": "create_diagram",
        "description": "Create a custom CodePic hand-drawn style diagram by specifying nodes and edges. Requires API Key authentication. Returns a public view URL.\n\n**THIS IS THE DEFAULT TOOL FOR ANY USER-DESCRIBED DIAGRAM.** Whenever the user describes a diagram they want (\"draw an A/B test flowchart\", \"帮我画一个登录流程\", \"a system architecture with a load balancer and 3 servers\", etc.), build it here from their description. Do NOT fall back to `create_from_template` / `list_templates` unless the user explicitly asked for a template.\n\nWhen responding to the user, present the returned URL as a clickable markdown link (e.g. "
      },
      {
        "name": "get_diagram",
        "description": "Fetch the current state of an existing CodePic diagram. Returns a compact summary of all elements with their IDs, types, positions, and parent-child relationships. Use this before update_diagram when you need to: add nested children to existing containers, make targeted edits to specific elements, or understand the current structure. Requires API Key authentication."
      },
      {
        "name": "update_diagram",
        "description": "Update an existing CodePic diagram. You can rename it, replace all nodes/edges, or add/remove individual nodes and edges. Requires API Key authentication.\n\nWhen responding to the user, present the returned URL as a clickable markdown link (e.g. `[Open in CodePic →](URL)`) so the user can click it directly in their AI client (Cursor / Claude / etc.)."
      }
    ],
    "profiled_at": "2026-09-28T00:00:53.058Z"
  },
  "unreachable": false
}