/web-proto-soft

Apple 调: 银/奶 canvas + 双层斜面卡片 + button-in-button + spring

Boost this skill

nexu-io@nexu-io

GitHub

From plugin

html-anything

8.8k81 skills

Install

$ npx -y skills add nexu-io/html-anything --skill web-proto-soft --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.
You can call itInvoke it directly when you want it.
Slash command/web-proto-soft

Context preview

The summary Claude sees to decide when to auto-load this skill.

Apple 调: 银/奶 canvas + 双层斜面卡片 + button-in-button + spring

SKILL.md

web-proto-soft.SKILL.md

name: web-proto-soft
zh_name: "Apple Soft 原型"
en_name: "Apple-tier Soft Prototype"
emoji: "🫧"
description: "Apple 调: 银/奶 canvas + 双层斜面卡片 + button-in-button + spring"
category: prototype
scenario: design
aspect_hint: "桌面 1440"
tags: ["apple", "soft", "squircle", "spring"]

【模板: Apple Soft 原型】【意图】Apple-tier 软质感, squircle + spring motion + ambient mesh。【布局】

Silver / cream canvas + ambient mesh background
Double-bezel 卡片 (内外两层圆角 + 高光)
Button-in-button CTA
Spring motion (微反弹的 hover)

Read it on GitHub ↗

Ships withhtml-anything

From the team behind Open Design — 40k★ · 200+ contributors, production-grade and iterating faster. html-anything is the focused agent-era HTML editor; if it clicks for you, Open Design is where the same team ships at scale.

Get the whole plugin

Stats

TypeScript Node HTML CSS Bash

+7 tags

SQL GitHub Markdown Anthropic Gemini Obsidian Bun

8,827

Stars

857

Forks

Active

Maintenance

HTML