Personal · 2026
Shoji UI
"Ship faster with AI agents." A React block library for Claude Code, purpose-built for Japanese products.
Overview
A shadcn/ui-based React block library and development workflow designed for Japanese teams using Claude Code. Includes drop-in pieces that show up constantly in Japanese products — postal-code autofill, automatic katakana conversion, Japanese era support, and forms compliant with the Act on Specified Commercial Transactions.
I built every layer end-to-end on my own — brand, docs site, components, the `shoji prompt` CLI for MDX export, and the Stripe Checkout flow — from design through implementation and operations.
Highlights
- — Japan-specific form elements (postal code, katakana, Japanese era, Specified Commercial Transactions Act compliance)
- — MDX export via the `shoji prompt` CLI, with CLAUDE.md template integration
- — A two-tier offering: Open (10–15 free blocks) and Commercial (80 blocks)
- — Practical stack integrations including Kuroshiro v2 and Stripe Checkout