Made with Claude — iclaude.lol

the stack

What Claude built

⚡

Cloudflare Workers

Edge-deployed Hono server. No containers, no cold starts. Single file, ~900 lines.

🗄️

D1 Database

SQLite on the edge. User profiles, coding statuses, links — all stored globally.

🔐

X OAuth 2.0 PKCE

Full OAuth flow with PKCE challenge, signed cookies, 30-day sessions.

🖼️

Dynamic OG Images

Satori + resvg-wasm generates per-user PNG cards on the edge. Share your card on X and it shows a rich preview.

🔄

Webhook Sync

X Account Activity API pushes profile changes — avatar, banner, handle — auto-sync to your card.

🎨

CSS 3D Flip Cards

Pure CSS perspective transforms. Hover on desktop, tap on mobile. No JavaScript for the animation.

the process

How Claude Code works

1

Describe what you want

Write a PROMPT.md: "Build iclaude.lol — a Cloudflare Worker + D1 site where people log in with X, say what they're coding, and get a flippable profile card."

2

Claude writes the code

Schema, routes, OAuth flow, HTML/CSS, card rendering — generated in one pass. Claude reads docs, handles edge cases, writes secure code.

3

Deploy from the terminal

Claude runs wrangler deploy, tests the live URL with curl, verifies OG tags, checks API responses — all without leaving the session.

4

Iterate with /momentum

After the initial ship, Claude generates ranked next-steps. Pick a number, it builds. OG images, delete endpoint, banner support — each shipped in minutes.

5

Generate art via API

Need a logo? Claude hits the Leonardo.ai API from the terminal — fires off prompts to 3 models, polls for results, downloads 12 variations. Pick one, ship it.

logo generation

12 logos, 3 AI models, 1 terminal command

Claude used the Leonardo.ai API to generate chibi mascot logos matching the site's SVG character. Three models, four images each — all from the Claude Code terminal.

Phoenix v1.0 — Leonardo's flagship

Phoenix #1

Phoenix #2

Phoenix #3

Phoenix #4

FLUX Dev — Black Forest Labs

FLUX #1

FLUX #2

FLUX #3

FLUX #4

Recraft v4 — Design-focused

Recraft #1

Recraft #2

Recraft #3

Recraft #4

the prompt

What Claude sent to Leonardo

Chibi anime mascot character logo, cute kawaii style,
character with short dark brown hair waving one hand,
wearing a black t-shirt, warm happy smile with rosy cheeks,
simple clean design on solid dark charcoal background,
logo mascot style, flat minimal illustration,
centered composition, no text, no lettering

try it

Start clauding

Sign in, say what you're building, get your card.

Go to iclaude.lol →

Built in one session with Claude Code