AI-Ready Web Design Prompts
A bilingual (ja/en) pattern library of web designs for the AI-coding era. Each entry ships with a copy-paste prompt you can hand to Claude Code, v0, or any AI coding assistant. Browse by part (hero, pricing, forms…) or by vibe (minimal, cyber, luxury…).
Latest designs
Bento grid that ranks features by size
A dark bento-grid feature section that shows 6 capabilities at different sizes — KPI, badges, and abstract decorations mix in one scroll to tell a story of what's primary and what's supporting. Tuned for B2B SaaS marketing pages.
Oversized-type hero that hits first
A seed-round landing page hero that fights with type, not decoration. A single accent color, one CTA, one sentence of lede — tuned for startups with enough conviction to put the whole claim in the headline.
Floating glassmorphism capsule nav
A sticky capsule navbar rendered in frosted glass over a pastel canvas. Uses backdrop-filter, soft shadows, and an inner highlight to sit above the content without fighting it — the default tone of modern SaaS product sites.
Terminal-style cyber login
A login card in cyberpunk clothing — near-black background, neon glow, and monospace type. Built for Web3, developer tools, and hacker-facing SaaS where the auth screen is part of the brand story.
Whitespace-led quiet hero
A hero built on whitespace, a single CTA, and a two-part headline. Best as the top of SaaS and indie-maker landing pages — removing elements makes the remaining pitch sharper.