From 81cb5c82ff84567fdb43a8a1e95c2b0bdc2151c9 Mon Sep 17 00:00:00 2001 From: glazlk Date: Tue, 24 Mar 2026 04:48:07 +0300 Subject: [PATCH] docs: redesign landing page as TMA Spawner - Brutalist editorial design with Lexend Deca font - TMA Spawner branding (TMA bold #FFD4C4, SPAWNER orange) - Sections: hero, how it works, terminal demo, features, knowledge base, CTA - Ticker marquee, scroll reveals, hover animations - Fully responsive layout - Footer: "TMA Spawner by SpawnDock" Co-Authored-By: Claude Opus 4.6 (1M context) --- deploy/landing/index.html | 428 ++++++++++++++++++++++++++++++++------ 1 file changed, 364 insertions(+), 64 deletions(-) diff --git a/deploy/landing/index.html b/deploy/landing/index.html index b82b960..8a57ba7 100644 --- a/deploy/landing/index.html +++ b/deploy/landing/index.html @@ -1,67 +1,367 @@ - - - - SpawnDock - - - - - - -
- -

- @TMASpawnerBot -

-

- Made by community - Web3 Voice -

-
- + + + +TMA Spawner — Telegram Mini Apps with AI + + + + + + + + + + +
+
+
TMA
SPAWNER
+

Idea → Telegram Mini App in 60 seconds.
AI writes the code. Tunnel shows the preview.
You ship to 950 million users.

+
+ CREATE + npx @spawn-dock/create my-app + +
+
+
+
+
60s
TO FIRST PREVIEW
+
55+
AI KNOWLEDGE DOCS
+
6
STARTER TEMPLATES
+
1
COMMAND TO START
+
+
+
Your AI knows Telegram,
TON, and Web3.
You just describe what to build.
+
+
+
+ + +
+
+ TMA SPAWNERTELEGRAM MINI APPSTON BLOCKCHAINAI-POWEREDINSTANT PREVIEWONE COMMANDLIVE TUNNELSHIP FAST + TMA SPAWNERTELEGRAM MINI APPSTON BLOCKCHAINAI-POWEREDINSTANT PREVIEWONE COMMANDLIVE TUNNELSHIP FAST +
+
+ + +
+
+
01
+
HOW IT
WORKS

One command. Everything configured.
No setup rituals.

+
+
+
SPAWN
CREATE YOUR APP

Run one command. TMA Spawner clones the starter template, sets up Next.js + TON Connect + Telegram UI, configures the tunnel, and wires up AI agents. Under 60 seconds.

npx @spawn-dock/create my-app
+
DEV
START BUILDING

Run pnpm dev and your local server connects to the TMA Spawner tunnel. A Telegram deep link appears in the console. Open it on your phone. Your app is live.

pnpm run dev
+
AI
LET AI TAKE OVER

Your AI agent has access to 55+ documents on TMA, TON, wallets, DeFi, and deployment. Describe what you want. It writes the code, knows the APIs, handles the edge cases.

Claude Code / Cursor / Codex
+
TEST
PREVIEW ON REAL TELEGRAM

Every code change is instantly visible through the tunnel. Test wallet connections, payments, and UI on a real phone, in a real Telegram chat. No deploy needed.

t.me/TMASpawnerBot/tma?startapp=my-app
+
SHIP
DEPLOY ANYWHERE

Cloudflare Pages, Vercel, GitHub Pages. Pick your target. The starter template supports all of them out of the box. One build, global distribution.

pnpm run build
+
+
+ + +
+
+
02
+
SEE IT.
BELIEVE IT.
+

From zero to live Telegram Mini App preview. One terminal. No cloud accounts required.

+
    +
  • Next.js + TypeScript + TON Connect out of the box
    • +
  • Secure WebSocket tunnel to Telegram preview
    • +
  • AI agent with 55+ TMA/TON knowledge docs
    • +
  • Telegram deep link printed on startup
    • +
  • Works with Claude Code, Cursor, Codex, OpenCode
    • +
  • 6 production-ready starter templates
    • +
+
+
+
+
+
+ spawndock — zsh + +
+
+
$ npx @spawn-dock/create my-app
+
✓ Cloned tma-project template
+
✓ Applied SpawnDock overlay
+
✓ Wrote spawndock.config.json
+
✓ Configured dev-tunnel
+
✓ MCP knowledge server wired
+
+
$ cd my-app && pnpm run dev
+
→ Next.js ready on localhost:3000
+
→ Tunnel connected to control plane
+
✓ AI agent ready (55+ docs loaded)
+
+
→ Open in Telegram:
+
t.me/TMASpawnerBot/tma?startapp=my-app
+
+
$
+
+
+
+
+ + +
+
+
03
FEATURES
+

Everything the Telegram Mini App ecosystem demands. Nothing you'll need to configure yourself.

+
+
+
AI KNOWLEDGE BASE

55+ curated documents. TMA APIs, TON smart contracts, DeFi patterns, wallet flows, deployment guides. Your AI agent knows the entire ecosystem before you write a single line.

@spawn-dock/mcp
+
LIVE TUNNEL

Your localhost is instantly accessible from any Telegram client. WebSocket connection to the control plane. No ngrok, no Cloudflare tunnel, no config.

@spawn-dock/dev-tunnel
+
TON CONNECT

Wallet authentication, TON transfers, jetton payments, NFT minting. Pre-configured in every project. AI knows every method, every edge case, every TEP standard.

Wallets + Payments + NFTs
+
STARTER TEMPLATES

Shop with cart and checkout. Game with leaderboard. Restaurant menu with delivery. Quiz. Portfolio. Landing. Pick one, customize, ship. Each is production-tested.

6 templates included
+
ANY AI AGENT

Claude Code, Cursor, Codex, OpenCode. The MCP bridge works with any agent that supports the protocol. Same knowledge, same tools, your choice of brain.

MCP protocol standard
+
DEPLOY READY

Cloudflare Pages, Vercel, GitHub Pages. Documented build configs and CI/CD workflows included. From local dev to global CDN in one push.

pnpm run build
+
+
+ + +
+
+
04
+
WHAT
AI KNOWS

55+ documents. 29,500+ lines.
The complete TMA + TON reference.

+
+
+
Telegram Mini Apps12 DOCS
WebApp API, navigation, theming, testing, security, performance, CloudStorage, BiometricManager, advanced features
+
TON Blockchain15 DOCS
Smart contracts in Tolk/Tact/FunC, TVM internals, jettons, NFTs, DeFi, DEX integration, payment channels, DNS, storage
+
TON Connect3 DOCS
Wallet integration, authentication, TON Proof, agentic wallet patterns, multi-message transactions
+
Payments4 DOCS
TON transfers, jetton payments, Telegram Stars, TON Pay, Invoice API. Five payment methods documented
+
Templates6 DOCS
Shop, game, quiz, restaurant menu, portfolio, landing. Full component specs and implementation guides
+
Deployment3 DOCS
Cloudflare Pages, Vercel, GitHub Pages. CI/CD workflows, build configs, SPA routing
+
SDK Reference10 DOCS
@twa-dev/sdk, Bot API, @ton/ton, TON APIs, TEP standards, Blueprint, explorers, Tolk language
+
+
+ + +
+
+
READY
TO SPAWN?
+

One command creates your project. AI agent knows TMA and TON inside out. Tunnel gives you instant preview. You focus on the product, not the plumbing.

+
+ + + OPEN BOT + + GITHUB +
+
+
+
+
QUICKSTART — 3 LINES
+
+
# 1. scaffold your TMA project
+
$ npx @spawn-dock/create my-app
+
+
# 2. start dev server + tunnel
+
$ cd my-app && pnpm run dev
+
+
# 3. open the link in Telegram
+
✓ t.me/TMASpawnerBot/tma?startapp=my-app
+
+
+

Next.js + TypeScript + TON Connect + Telegram UI.
MIT license. No accounts. No vendor lock-in.

+
+
+ + + + + +