Skill6.7k repo starsupdated 11d ago

web-proto-soft

web-proto-soft is a design template implementing Apple-style soft aesthetics using squircle shapes, spring motion physics, and ambient mesh backgrounds. Use it when building premium UI prototypes requiring silver or cream-colored canvas layouts with double-beveled cards, nested button interactions, and subtle bouncing hover animations for a polished, contemporary product interface.

View source Repository: html-anything

Install in Claude Code

Copy

git clone --depth 1 https://github.com/nexu-io/html-anything /tmp/web-proto-soft && cp -r /tmp/web-proto-soft/next/src/lib/templates/skills/web-proto-soft ~/.claude/skills/web-proto-soft

Then start a new Claude Code session; the skill loads automatically.

Definition

SKILL.md

【模板: Apple Soft 原型】
【意图】Apple-tier 软质感, squircle + spring motion + ambient mesh。
【布局】
- Silver / cream canvas + ambient mesh background
- Double-bezel 卡片 (内外两层圆角 + 高光)
- Button-in-button CTA
- Spring motion (微反弹的 hover)