> ## Documentation Index
> Fetch the complete documentation index at: https://docs.actioncodes.org/llms.txt
> Use this file to discover all available pages before exploring further.

# Playground

> Try Action Codes hands-on

Test Action Codes directly in your browser. These demos show real interactions with the Action Codes relayer.

## Before you start

You'll need an action code. Here's how to get one:

<Steps>
  <Step title="Open your Solana wallet">
    Use Phantom, Solflare, Backpack, or any Solana wallet with a built-in browser
  </Step>

  <Step title="Go to actioncode.app">
    In your wallet's browser, navigate to [actioncode.app](https://actioncode.app)
  </Step>

  <Step title="Connect and get a code">
    Connect your wallet and tap "Get Code" — you'll get an 8-digit code
  </Step>

  <Step title="Use it in the demos below">
    Paste the code into any demo, then approve requests in actioncode.app
  </Step>
</Steps>

<Warning>
  Codes expire in \~2 minutes. Get a fresh code right before using a demo.
</Warning>

## Available demos

<CardGroup cols={2}>
  <Card title="Sign a Message" href="/playground/sign-message" icon="pen">
    Attach a custom message and sign it with your wallet
  </Card>
</CardGroup>

<Info>
  More interactive demos coming soon at [actioncodes.org/demo](https://actioncodes.org/demo)
</Info>

## What you'll learn

Each demo shows:

* How codes are resolved and verified
* How actions are attached to codes
* How the approval flow works
* What data you get back after approval

## SDK calls used

| Demo         | SDK Methods                                         |
| ------------ | --------------------------------------------------- |
| Sign Message | `resolve()` → `attachMessage()` → `observeStatus()` |

All demos use `@actioncodes/sdk` — the same code you'd use in your own app.
