A workbench for web experiments
hypothesis
docs
·
enter work mode
/
Tools
encoding
security
conversion
web
sysadmin
text
ascii art
→
Convert images to ASCII art in your browser — upload a file or paste a URL, with configurable width and character density.
docs
CO
TE
base64
→
Encode and decode base64 strings with live sync and shareable permalinks.
docs
EN
WE
TE
CO
basic auth
→
Generate HTTP Basic Authentication headers from a username and password — encoded in your browser.
docs
WE
EN
SE
bitwise
→
Visualize AND, OR, XOR, NAND, NOR, and shift operations with binary and decimal output side by side.
docs
SY
byte size
→
Convert between byte units — B, KB, KiB, MB, MiB, GB, GiB, TB, TiB — with binary (1024) and decimal (1000) modes.
docs
CO
SY
chmod
→
Convert between numeric and symbolic Unix file permission modes with a visual breakdown table.
docs
CO
SY
cidr
→
Calculate subnet details from CIDR notation: network address, broadcast, mask, host range, and more.
docs
SY
color
→
Convert color values between HEX, RGB, RGBA, HSL, and OKLCH with live preview.
docs
CO
WE
color shades
→
Generate a perceptually uniform 11-step color scale in OKLCH — ready for Tailwind CSS or any design system.
docs
CO
WE
compress
→
Compress PNG, JPEG, and WebP images server-side. Convert to WebP or AVIF for maximum file size reduction.
docs
CO
WE
cron
→
Parse cron expressions into plain English and preview the next 10 scheduled run times.
docs
SY
css unit
→
Convert between CSS units: px, rem, em, %, vh, vw, pt, cm, mm, in with adjustable context.
docs
CO
WE
datetime
→
Convert timestamps and dates between many formats at once with live sync and shareable permalinks.
docs
CO
WE
hash
→
Generate MD5, SHA-1, SHA-256, SHA-384, and SHA-512 hashes from any text input.
docs
EN
SE
SY
WE
TE
html entity
→
Encode and decode HTML entities for safe display in web pages with multiple encoding modes.
docs
EN
WE
TE
json → typescript
→
Convert a JSON sample into TypeScript interface definitions instantly.
docs
CO
WE
json ↔ yaml
→
Convert between JSON and YAML formats with live bidirectional sync and shareable permalinks.
docs
CO
WE
json diff
→
Compare two JSON structures and highlight added, removed, and changed keys recursively.
docs
WE
TE
jwt
→
Decode JWT tokens and inspect header, payload claims, and expiry status.
docs
SE
WE
keycode
→
Press any key to inspect its JavaScript event properties: key, code, keyCode, location, and modifier state.
docs
WE
SY
lorem ipsum
→
Generate lorem ipsum placeholder text by words, sentences, or paragraphs with one click.
docs
WE
TE
markdown
→
Convert Markdown to HTML with a live preview. Toggle between rendered output and raw HTML source.
docs
CO
WE
TE
my ip
→
Look up your current public IP address with geolocation, ASN, and network details.
docs
WE
SY
number base
→
Convert integers between binary, octal, decimal, and hex with live sync and shareable permalinks.
docs
CO
og tags
→
Generate Open Graph and Twitter Card meta tags with a live social preview.
docs
WE
password
→
Generate cryptographically secure passwords with configurable length, character sets, and count.
docs
SE
pretty print
→
Format and validate JSON with live pretty-printing and shareable permalinks.
docs
WE
qr code
→
Generate QR codes from any text or URL and download as SVG or PNG.
docs
WE
regex
→
Test regular expressions against strings with live match results and shareable permalinks.
docs
WE
SY
TE
scratch
→
A scratchpad — type anything and bookmark it as a shareable permalink.
docs
TE
sql
→
Format and prettify SQL queries with uppercase keywords and proper indentation. Supports PostgreSQL, MySQL, SQLite, and BigQuery.
docs
WE
TE
string case
→
Convert text between camelCase, PascalCase, snake_case, kebab-case, SCREAMING_SNAKE, Title Case, and more.
docs
TE
CO
svg → jsx
→
Convert SVG markup to React JSX — removes xmlns, converts hyphenated attributes to camelCase, and wraps inline styles as objects.
docs
CO
WE
text diff
→
Compare two blocks of text and highlight additions and deletions line by line.
docs
TE
text stats
→
Analyze text statistics: character count, word count, reading time, and word frequency analysis.
docs
TE
unicode
→
Inspect each character's code point, UTF-8/UTF-16 encoding, category, script, and HTML entity.
docs
TE
EN
url encode
→
Encode and decode URL strings with live sync and shareable permalinks.
docs
EN
WE
TE
uuid
→
Generate UUIDs of any version with one click and shareable permalinks.
docs
SE
SY
WE
Experiments
EXP-001
iframe proxy
Proxy iframes securely with full event handling and introspection for debugging.
→
docs
EXP-002
message stream
Capture and inspect frame messages in real time.
→
docs
EXP-003
message factory
Design and trigger postMessage actions with an interactive viewer and designer.
→
docs
EXP-004
webhook
Capture and inspect incoming HTTP webhook requests in real time.
→
docs
EXP-005
rsa encryption
Generate RSA-OAEP key pairs, encrypt messages, and decrypt them in-browser using the Web Crypto API.
→
docs
EXP-006
gist
Serve a public GitHub Gist's raw content via a proxy URL, with live iframe preview.
→
docs
References
ASCII table
→
All 128 ASCII characters with decimal, hexadecimal, octal, and named descriptions.
TE
EN
CSS selectors
→
All CSS selector types with descriptions, examples, and specificity values: basic, attribute, pseudo-class, pseudo-element, and combinators.
WE
DNS record types
→
A, AAAA, CNAME, MX, TXT, NS, SOA, SRV, CAA, and DNSSEC records — what each does, when to use it, and example syntax.
WE
SY
Exit codes
→
Standard Unix/Linux process exit codes: 0 success, 1 general error, 126/127 shell errors, and 128+N signal offsets.
SY
HTTP headers
→
Request and response header fields: caching, authentication, CORS, security, content negotiation, and more.
WE
HTTP status codes
→
Complete reference for HTTP response status codes: 1xx through 5xx, with descriptions, use cases, and caching behavior.
WE
MIME types
→
Content-Type values for text, application, image, audio, video, font, and multipart formats with file extensions.
WE
Port numbers
→
Well-known TCP and UDP port numbers grouped by category: web, remote access, database, mail, file transfer, network, and more.
SY
WE
Regex syntax
→
Regular expression quick reference: anchors, character classes, quantifiers, groups, lookaheads, flags, and escape sequences.
TE
WE
Timezones
→
IANA timezone names with live current time, UTC offsets, abbreviations, and major cities.
WE
SY
Unicode blocks
→
Named code point ranges from Basic Latin to Supplementary planes, with assigned character counts and sample glyphs.
TE
EN
Unix signals
→
Signal numbers, names, and default actions for POSIX signals — from SIGTERM and SIGKILL to SIGWINCH and SIGCHLD.
SY
About this project
Claude Code is Great at Building Developer Tools
An analysis of leveraging Claude Code to generate developer tools on the fly.