Wabi-Sabi Japanese Minimal UI
SkillStack Official
A wabi-sabi Japanese-minimal design skill for AI agents: warm handmade-paper backgrounds, soft ink typography, one vermillion seal accent, generous negative space (ma), and quiet asymmetric layouts. Includes design tokens, component specs, paste-ready snippets, IP guardrails, and copy-voice guides (EN + 中文）.
Design my ceramics studio landing page in wabi-sabi Japanese minimal style
What you get
- SKILL.md with philosophy, workflow, motion rules, EN+中文 copy voice, QA checklist, anti-patterns
- references/design-tokens.md — full color, type, spacing, motion tables
- references/components.md — 11 component specs in build order
- references/snippets.md — 8 paste-ready HTML/CSS skeletons
- 2 single-file demo pages (landing + seasonal pricing) with AI-generated product photography
Good fit
- Craft, ceramics, tea, and slow-living brand landing pages
- Cultural blogs, galleries, and quiet portfolio sites
- Meditation and wellness products that should feel at rest
Not for
- Data-dense dashboards or fintech that need to persuade through density
- Loud consumer launches and discount-driven marketing pages
- Anyone who wants more than one accent color
- Name
- Wabi-Sabi Japanese Minimal UI
- Downloads
- 2
- Category
- Design
- Skills inside
- 1
Download & install
What's new: v1.0.0 — Original wabi-sabi Japanese minimal UI skill: SKILL.md + 3 reference docs + 2 single-file demos (Tsuchi ceramics landing page and seasonal pricing page) with AI-generated product photography.
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 wabi-sabi-ui-v1.0.0.zip -d ~/.claude/skills/wabi-sabi-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.
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
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
Linear-Style UI Design
Linear-Style UI Design
Design dark, developer-grade SaaS pages in Linear's visual language — near-black canvas, Inter with signature 510 weight, hairline white borders, indigo accent, keyboard-first product storytelling.
Claude Code · Codex · Cursor · Copilot +3
Stripe-Style UI Design
Stripe-Style UI Design
Fintech-grade marketing pages in a gradient-mesh language — luminous white canvas, animated warm-to-cool gradient hero band, thin 300-weight display type with tight tracking, one indigo action color, near-square geometry, deep-navy dashboard mocks. Build fintech landing pages, pricing pages, and API/developer marketing with financial-infrastructure polish.
Claude Code · Codex · Cursor · Copilot +3