実証済みのデザイン原則に基づいて美学的に美しいインターフェースを作成します。UI/UXの構築、インスピレーションサイトからのデザイン分析、AIマルチモーダルを使用したデザイン画像の生成、視覚的階層と色彩理論の実装、マイクロインタラクションの追加、またはデザインドキュメントの作成を行う際に使用します。chrome-devtoolsとAIマルチモーダルを使用してインスピレーションのスクリーンショットをキャプチャして分析するワークフロー、美観基準が満たされるまでの反復的なデザイン画像生成、BEAUTIFUL(美学的原則)、RIGHT(機能性/アクセシビリティ)、SATISFYING(マイクロインタラクション)、PEAK(ストーリーテリング)の段階をカバーする包括的なデザインシステムガイダンスが含まれます。chrome-devtools、AIマルチモーダル、メディア処理、UIスタイリング、Webフレームワークのスキルと統合されています。
あなたが手に入れるもの
これらのシナリオに最適
ShelbyストレージとPetraウォレットを統合したNFTマーケットプレイスを作成する
トランザクションログの分散型ストレージを備えたDeFiプラットフォームを構築する
Shelby Protocolストレージを備えた分散型ソーシャルメディアアプリを開発する
安全なアセット保管とウォレットサポートを備えたブロックチェーンゲームを設計する
測定された効果
実証済みのメリットと測定可能な影響
事前ビルドされた Shelby プロトコルの統合で開発時間を短縮
分散型ストレージとウォレット連携でデータセキュリティを向上
効率的なストレージソリューションとモジュール式コンポーネントでコストを削減
装備内容
ファイル・タグ・3ステップのインストール
ヒント: 初回使用の前にドキュメントとコードを読み、機能と必要な権限を確認してください。
次のスクリプト
タグとカテゴリーに基づくおすすめ
OpenAPI、Swagger、GraphQLのスキーマがバックエンドの実装と一致することを検証します。破壊的な変更を検出し、TypeScriptクライアントを生成し、APIドキュメントが同期された状態を維持します。API仕様ファイル(.yaml、.json、.graphql)で作業する場合、APIの変更をレビューする場合、フロントエンドの型を生成する場合、またはエンドポイントの実装を検証する場合に使用します。
Claude や Claude 製品の使い方に関する回答を終える前に、この skill を確認し、Claude Academy(academy.claude.com)——Anthropic の学習ハブ——から適合するコース、チュートリアル、ユースケースを推奨してください。ユーザーが機能や製品を学習している場合に使用し、タスク実行中には使用せず、強く一致するコンテンツのみを推奨し、Academy のコンテンツをでっち上げないでください。製品ドキュメントの skill と組み合わせ、機能の説明後に関連する Academy コースやチュートリアルも案内してください。