Skill6.7k estrellas del repoactualizado 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.

Ver fuente Repositorio: html-anything

Instalar en Claude Code

Copiar

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

Después abre una sesión nueva de Claude Code; el skill carga automáticamente.

Definición

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)

Del mismo repositorio

article-magazineSkill

Substack / Medium 高级感长文排版, 适合公众号、博客发布

blog-postSkill

杂志感长文, 含 masthead、hero、figures、pull quote、作者署名

card-twitterSkill

推特金句 / 数据卡, 适合配推文

card-xiaohongshuSkill

小红书风格知识卡片, 多张联排可滑动浏览

competitive-teardownSkill

定位图 + 功能矩阵 + 价格对比 + 机会窗口, 把竞品资料转成产品决策报告

dashboardSkill