Design websites in the Claymorphism style — puffy inflated 3D surfaces like modeling clay, pastel colors, big rounded corners, triple-layer shadows (soft outer drop + inset top-left highlight + inset bottom-right shade), rounded display type, and springy bouncy motion.
用软泥拟态风格给我的儿童 STEM 课程做一个落地页 / Design a claymorphism landing page for a kids' STEM course
你能得到
- SKILL.md with full workflow (frontmatter with Chinese trigger words, IP guardrails, design tokens summary, motion specs, copy voice EN+ZH, QA checklist, anti-patterns) + 3 reference files (design-tokens.md, components.md, snippets.md) + 2 demo landing pages (kids STEM education brand "Sproutlet")
适合场景
- kids and education products, parenting apps, gamified learning, playful fintech, pets, bakery/desserts, toys, holiday marketing pages, onboarding flows, rewards systems
不适合
- enterprise admin panels, data-dense dashboards, finance compliance, serious medical topics, luxury brands, long-form reading
- 名称
- Claymorphism UI
- 下载数
- 1
- 分类
- 设计
- 包含 skills
- 1
下载与安装
更新内容: v1.0.0: Claymorphism UI design skill — puffy 3D clay style, pastel tokens, triple-layer shadow formula, 8 animation types, 2 demo pages (Sproutlet kids STEM brand)
登录用户免费下载。
1. 下载 ZIP
点击上方按钮下载打包好的 skill，内含 SKILL.md 及全部配套文件。
2. 解压到 agent 的 skills 目录
解压后确保 SKILL.md 直接位于以 skill 命名的文件夹内：
unzip claymorphism-ui-v1.0.0.zip -d ~/.claude/skills/claymorphism-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
Hallmark
Hallmark
Anti-AI-slop design skill for greenfield pages, audits, redesigns, and design extraction from URLs or screenshots.
Impeccable
Impeccable
Design-director skill by Paul Bakaus (ex-Google/Chrome DevTools): UX review, visual hierarchy, typography, color, motion, accessibility, plus a deterministic detect CLI for CI.
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