Ukiyo-e Woodblock Print UI
SkillStack Official
Build landing pages and shops in the Ukiyo-e woodblock print style — Prussian-blue waves, vermillion sun, flat colour with bold ink outlines, seigaiha patterns and Fuji motifs. Includes a Kyoto tea-house landing page and a tea-box builder with ceremony booking, all hand-drawn SVG.
Build a landing page for my Kyoto tea house in the ukiyo-e woodblock print style.
What you get
- SKILL.md with IP guardrails, workflow, design tokens, components, motion and QA checklist
- Three reference files (design-tokens, components, snippets with copy-paste code)
- Two demo pages — a Kyoto tea-house landing page and a tea-box builder with ceremony booking
- Local Fraunces/Inter fonts bundled
Good fit
- Tea houses, matcha brands, Kyoto travel, Japanese craft, stationery and ceramics brands that want a poster-like, illustration-led page.
Not for
- Data-dense dashboards, neutral corporate pages, or photography-led heroes — the bold outline style competes with text legibility.
- Name
- Ukiyo-e Woodblock Print UI
- Downloads
- 0
- Category
- Design
- Skills inside
- 1
Download & install
What's new: Ukiyo-e woodblock print UI v1.0.0: Prussian-blue wave wall, vermillion sun and Fuji motifs with bold ink outlines; seigaiha pattern system; tea-house landing page plus tea-box builder with ceremony booking; 10 motion patterns with reduced-motion fallbacks; local Fraunces/Inter fonts bundled.
Free for signed-in users.
1. Download the ZIP
Use the button above to download the packaged skill. It contains the SKILL.md plus all supporting files.
2. Unzip into your agent's skills folder
Extract the archive so that SKILL.md sits directly inside a folder named after the skill:
unzip ukiyo-e-ui-v1.0.0.zip -d ~/.claude/skills/ukiyo-e-ui/Skills folder per agent
- Claude Code
- ~/.claude/skills
- Cursor
- ~/.cursor/skills
- Codex
- ~/.codex/skills
- GitHub Copilot
- ~/.copilot/skills
3. Restart your agent
Your agent picks up the new skill automatically on next launch. Ask it what it can do.
Like this free skill? Premium unlocks 91 exclusive skills.
One subscription unlocks every premium skill, prompt and pack — plus all future drops.
Reviews
Related skills
Vercel-Style UI Design
Vercel-Style UI Design
Teach your AI agent to design like Vercel: monochrome palette, oversized tight typography, hairline borders, subtle gradient glows and grid textures. Ships with design tokens, copy-paste components, and a complete example landing page.
Claude Code · Codex · Cursor · Copilot +1
AI Aesthetic UI
AI Aesthetic UI
Build landing pages and product UI in the AI product aesthetic — near-black luminous base, violet→cyan intelligence gradient, chat-first hero, streaming text, glow cards.
Claude Code · Codex · Cursor · Copilot +3
Papercut Storybook UI
Papercut Storybook UI
Build warm, hand-cut paper storybook websites: layered papercut scenes, picture-book landing pages and bookshops with page-turn interactions — flat colour, hard offset shadows, and read-aloud copy.
Claude Code · Codex · Cursor · Copilot +3
Apple-Style UI Design
Apple-Style UI Design
Design web pages in Apple's marketing-site visual language — gallery-like product storytelling, the SF type ramp, binary light/dark panels, and one blue reserved for action.
Claude Code · Codex · Cursor · Copilot +3