CKB CCC — Playground

The CCC Playground (https://live.ckbccc.com) is an in-browser TypeScript sandbox for CCC — no local project setup, no wallet extension required to start. It ships with a pre-connected signer and a step-by-step transaction visualizer, and is the fastest way to verify that a piece of CCC code (your own, or something fetched from DeepWiki/api.ckbccc.com per ckb-ccc-fundamentals Step 0) actually works before shipping it.

The @ckb-ccc/playground module

Playground scripts import from @ckb-ccc/playground, not @ckb-ccc/shell or @ckb-ccc/core directly — this module wires up a ready-to-use signer and a visualization helper so you don't have to set up a client/signer yourself.

Always start a playground script with these two imports:

import { ccc } from "@ckb-ccc/ccc"
import { render, signer, client } from "@ckb-ccc/playground";

• ccc — the SDK itself (@ckb-ccc/ccc), for Address, Transaction, fixedPointFrom, etc.
• render / signer / client — playground-provided helpers (@ckb-ccc/playground); signer is pre-connected, client is its underlying ClientPublicTestnet/ClientPublicMainnet instance — import client whenever a call needs the client directly instead of going through signer.client.