すべてのデバイスで動作するレスポンシブなWebレイアウトを構築することは、複雑でエラーが発生しやすくなります。このスキルは、モバイルファーストデザイン原則、フレキシブルコンテナ、相対単位、タッチフレンドリーなインタラクションについてClaudeに明確なガイドラインを提供し、Webプロジェクトがモバイルからデスクトップまでシームレスに拡張されることを保証します。

一貫した手法なしでCSSを記述すると、保守性の問題やプロジェクト間でスタイリングが矛盾する可能性があります。このスキルは、Tailwind、BEM、CSS Modulesなどの業界標準アプローチを適用して、クリーンで保守可能かつスケーラブルなスタイルシートを確保するための構造化されたガイダンスを提供します。

プレゼンテーションやドキュメントは視覚的に一貫性がないことがよくあります。このスキルは、カラー PALETTE とフォントの組み合わせを持つ10の厳選されたテーマを提供します。プロフェッショナルなスタイリングのために、スライドデッキやドキュメントにインスタントにテーマを適用できます。

SlackはGIFに厳しいサイズ制限があります（絵文字は64KB、メッセージは2MB）。このツールキットは、これらの制約を満たしながらプロフェッショナルなアニメーション効果を提供する最適化されたアニメーションを作成します。

ぼやけたスクリーンショットや低解像度の画像は、あなたのプロフェッショナルな印象を損ねます。このスキルはAIを使って、拡大、シャープ化、最適化を行い、プレゼンやドキュメント向けにクリアなビジュアルにします。

オリジナルの視覚芸術を創造するには、美的原則とタイポグラフィの深い理解が必要です。このスキルは、抽象的なデザイン哲学をプロフェッショナルフォントと専門的な職人技の原則を用いて具体的な視覚構成に変換します。

ドキュメントやプレゼンテーション全体で一貫したブランドアイデンティティを維持することは、時間がかかり、エラーが発生しやすい作業です。このスキルは、Anthropic公式のブランドカラー、タイポグラフィ、スタイリングガイドラインへの即座のアクセスを提供し、プロフェッショナルでブランドに沿った視覚的コンテンツを保証します。

ユーザーはプロフェッショナルなSVGロゴを必要としていますが、デザインツールやコーディングスキルを持っていません。このスキルは、Pythonを使用して幾何学的なロゴを生成し、スケーラブルなベクターグラフィックス、カスタムカラーパレット、クリーンなデザイン原則を提供します。

アルゴリズム技術を使用して、数学的概念を見事なビジュアルアートに変換します。このスキルは、シード付きランダム性とインタラクティブなコントロールを備えた、再現可能な生成的アートワークを作成するためのガイド付きテンプレートを提供します。

ユーザーは複雑な WebGL および WebAudio シンセサイザーを操作するためのガイダンスが必要です。このスキルは、Orthonotone ポリコーラル楽器のステージセットアップ、パフォーマンスコントロール、シーンデザイン、レコーディングワークフローに関する段階的な手順を提供します。

SwiftUIビューの作成には、ナビゲーションアーキテクチャ、コンポーネントパターン、状態管理の理解が必要です。このスキルは、タブ、シート、リスト、グリッドなどのすぐに使えるパターンを提供し、より少ないバグでより速く出荷できるようにします。

SwiftUIでモダニなiOSインターフェースを作成するには、Apple固有のAPIと設計パターンを理解する必要があります。このスキルは、ガラスエフェクトを正確に実装するためのすぐに使えるコードパターンとレビューチェックリストを提供します。

クリーンなshadcn/ui的美観に一致する、プロフェッショナルでアクセシブルなCSSを生成します。このスキルは、CSS変数、HSLカラー、スペーシングスケール、最新のレイアウト技術のための包括的なパターンを提供します。

あなたのWebアプリは悪くないですが、世界水準の洗練さが欠けています。この反復的なワークフローを使って、デスクトップとモバイル全体でUI/UXを段階的に強化し、複数の集中したパスを通じてStripeレベルの視覚的品質を達成してください。

アクセシブルなWebインターフェースを構築することで、障害を持つユーザーを含むすべての人がアプリケーションを使用できるようになります。このスキルは、ReactコンポーネントにおけるWCAG標準、適切なARIA属性、キーボードナビゲーション、スクリーンリーダー互換性を保証します。

独自で視覚的に魅力的なWebインターフェースを構築することは困難で時間がかかります。このスキルは、意図的な美的な選択によりプロダクション品質のフロントエンドコードの作成を導き、一般的なAIが生成する美学を避け、洗練された記憶に残るデザインを提供します。

開発者やデザイナーは一貫性があり、アクセシブルで視覚的に魅力的なインターフェースを必要としていますが、包括的なデザイン知識が不足しています。UI/UX Pro Maxは、シンプルなキーワード検索により、50種類以上のデザインスタイル、カラーパレット、タイポグラフィの組み合わせ、フレームワーク固有のベストプラクティスへの即座のアクセスを提供します。

生のリサーチデータからユーザーペルソナを作成することは、時間がかかり、多くの場合一貫性がありません。このツールキットは、ユーザ行動パターン、人口統計学的データ、インタビューのインサイトを分析し、信頼度スコアとデザインへの示唆を備えた、リサーチに基づいたペルソナを自動的に生成します。

一貫したデザインシステムを手動で作成するには多大な時間がかかり、実装に一貫性がないことがよくあります。このツールキットは、カラー、タイポグラフィ、スペーシングのデザイントークン生成を自動化し、すべてのコンポーネント間で視覚的な調和を確保し、開発者向けのコードをエクスポートします。

一貫性のあるプロフェッショナルなビジュアルテーマをプレゼンテーションやドキュメントに適用するには、相当なデザイン作業が必要です。このスキルは、任意のartifactに即座に適用できる10の厳選されたカラーとフォントのテーマ組み合わせを提供するとともに、オンデマンドでカスタムテーマを生成する機能も備えています。