Communitygithub.com

ye666636/apple-liquid-glass-ui-skill

AppleにインスパイアされたリキッドグラスUIデザインを実現するCodexスキル

apple-liquid-glass-ui-skill とは?

このスキルは、Apple製品のようなリキッドグラス(液体ガラス)効果をウェブUIに実装するためのCodexスキルです。主にCSSの backdrop-filter、グラデーション、ぼかし効果を組み合わせて、半透明で光沢感のあるモダンなデザインを生成します。Codex(またはCline、Claude Codeなどのエージェント)と組み合わせて使用することで、開発者はプロンプトから即座にAppleスタイルのUIコンポーネントを生成できます。リポジトリからカスタムインストラクションやテンプレートを読み込み、エージェントにデザインルールを追加指示します。このスキルは特にWebフロントエンド開発者やUIデザイナー向けで、ネイティブアプリのような没入感のある見た目を迅速にプロトタイプしたい場合に有用です。

対応~Claude Code✓Codex CLI~Cursor
npx skills add ye666636/apple-liquid-glass-ui-skill

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

関連スキル