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
你能得到
- 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
适合场景
- 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
不适合
- 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
- 名称
- Wabi-Sabi Japanese Minimal UI
- 下载数
- 2
- 分类
- 设计
- 包含 skills
- 1
下载与安装
更新内容: 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.
登录用户免费下载。
1. 下载 ZIP
点击上方按钮下载打包好的 skill，内含 SKILL.md 及全部配套文件。
2. 解压到 agent 的 skills 目录
解压后确保 SKILL.md 直接位于以 skill 命名的文件夹内：
unzip wabi-sabi-ui-v1.0.0.zip -d ~/.claude/skills/wabi-sabi-ui/各 Agent 的 skills 目录
- Claude Code
- ~/.claude/skills
- Cursor
- ~/.cursor/skills
- Codex
- ~/.codex/skills
- GitHub Copilot
- ~/.copilot/skills
3. 重启你的 agent
下次启动时 agent 会自动识别新 skill，直接问它能做什么。
评价
相关技能
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