About web-proto-soft
A design skill for Apple Soft-style prototypes, using rounded squircle forms, layered cards, and subtle motion. The template specifies a silver or cream canvas, ambient mesh background, double-bezel cards, and spring-like hover feedback.
Key features
- 01Silver or cream canvas with ambient mesh
- 02Layered double-bezel cards
- 03Button-in-button call to action
- 04Spring-like hover motion
Use cases
- 01Creating a soft-styled interface prototype
- 02Showing layered cards and subtle hover feedback
Install
Copy the command and run it in a terminal.
$
npx skills add https:/After installing, type/web-proto-softin Claude Code to confirm it loaded.
Bundled filesexample.html
Details
From the project README【模板: Apple Soft 原型】 【意图】Apple-tier 软质感, squircle + spring motion + ambient mesh。 【布局】
- Silver / cream canvas + ambient mesh background
- Double-bezel 卡片 (内外两层圆角 + 高光)
- Button-in-button CTA
- Spring motion (微反弹的 hover)
Comments
Markdown supported