web-proto-soft について
Apple Soft風のプロトタイプを作るデザインスキルです。丸みのあるスクワークル形状、重ねたカード、控えめな動きを使い、銀色またはクリーム色の画面やスプリング状のホバー反応を指定します。
主な機能
- 01銀色またはクリーム色の画面と環境メッシュ
- 02二重ベゼルのカード
- 03ボタン内ボタン型のCTA
- 04スプリング状のホバー動作
活用シーン
- 01ソフトな質感のUIプロトタイプ制作
- 02重ねたカードと控えめなホバー反応の提示
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/web-proto-softを入力して読み込まれたか確認します。
同梱ファイルexample.html
README（原文）English
プロジェクトの README よりこの 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)
コメント
Markdown 対応