1 / 3

在线演示

在新标签页打开真实演示页，亲手点一点、滑一滑看实际效果。

打开演示

免费精选v1.0.0

Ukiyo-e Woodblock Print UI

官方精选

#ui-design #woodblock #japanese #tea-house #landing-page #print #illustration

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.

适用平台Claude CodeCodexCursorCopilotGemini CLIWindsurfCline

试试这样说

Build a landing page for my Kyoto tea house in the ukiyo-e woodblock print style.

你能得到

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

适合场景

Tea houses, matcha brands, Kyoto travel, Japanese craft, stationery and ceramics brands that want a poster-like, illustration-led page.

不适合

Data-dense dashboards, neutral corporate pages, or photography-led heroes — the bold outline style competes with text legibility.

名称: Ukiyo-e Woodblock Print UI
下载数: 0
分类: 设计
包含 skills: 1

下载与安装

v1.0.0更新于 2026/11/7 · 349.3 KB · 15 个文件

更新内容: 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.

登录后下载

登录用户免费下载。

1. 下载 ZIP

点击上方按钮下载打包好的 skill，内含 SKILL.md 及全部配套文件。

2. 解压到 agent 的 skills 目录

解压后确保 SKILL.md 直接位于以 skill 命名的文件夹内：

unzip ukiyo-e-ui-v1.0.0.zip -d ~/.claude/skills/ukiyo-e-ui/

各 Agent 的 skills 目录

Claude Code: ~/.claude/skills
Cursor: ~/.cursor/skills
Codex: ~/.codex/skills
GitHub Copilot: ~/.copilot/skills

3. 重启你的 agent

下次启动时 agent 会自动识别新 skill，直接问它能做什么。

喜欢这个免费 skill？Premium 解锁 91 个独家 skills。

一次订阅，解锁全部高级 skill、prompt 和内容包，以及未来的每一期新品。

看看 Premium →

评价

还没有评价，来做第一个打分的人吧。

登录后评价

相关技能

免费精选

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

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

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

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

设计