デザインシステムのガイドラインに従った、一貫性のあるアクセシブルなUIコンポーネントを生成します。すべてのコンポーネントにおいて視覚的な独自性、ブランド整合性、アクセシビリティ準拠を保証します。

Reactアプリケーションの一貫したレスポンシブスタイルを作成するには、複数のCSSアプローチを理解する必要があります。このスキルは、Tailwind CSS、CSS Modules、およびコンポーネントバリアントの開発速度を向上させるすぐに使えるパターンを提供します。

UIコンポーネントを手動でゼロから作成する作業はもう不要です。このスキルは、shadcn/uiと最新のベストプラクティスを使用して、アクセシブルでレスポンシブなUIコンポーネントとフィードバックフォームを生成します。

3Dウェブコンテンツの作成には、WebGL、シェーダー、3Dグラフィックスプログラミングの理解が必要です。このスキルは、シーンセットアップ、ライティング、マテリアル、アニメーション、最新のESモジュールを使用したレスポンシブレンダリングを備えた完全なThree.jsアプリケーションを生成します。

洗練された美的表現で際立つWebコンポーネントとページを構築します。汎用的なAI生成ビジュアルを避け、記憶に残る高品質なユーザーインターフェースを制作します。

戦闘インターフェースを構築するゲーム開発者は、一貫してアーキテクチャの優れたUIコンポーネントを必要としています。このスキルは、Pattern A戦闘UIシステムのためのTypeScriptインターフェース、CSS Gridレイアウト、アニメーション仕様、レスポンシブスタイルトークンを含む完全な実装ガイダンスを提供します。

一貫したビジュアルスタイルの定義はプロジェクトの統一性に不可欠ですが、多くのクリエイターは自身の美的ビジョンを言語化することに苦労しています。このスキルは、色彩理論、線画、形状、構図、照明、技術仕様をカバーする詳細なアートスタイルガイドを作成するための構造化された10ステップのフレームワークを提供します。

ゼロから画像を作成するには時間とスキルが必要です。このスキルを使用すると、Gemini AIを使った自然言語プロンプトで画像を生成できます。欲しいものを説明するだけで、数秒でプロフェッショナルな結果が得られます。

Teams struggle to choose the right diagram type and end up with confusing models that mix structure, behavior, and interaction. This skill guides you to select the correct UML form, build semantically accurate models, and produce diagrams that communicate clearly to any audience.

Slack用のGIF作成には、厳格なファイルサイズ制限を満たすために慎重な最適化が必要です。このツールキットは、バリデーター、アニメーションプリミティブ、最適化ツールを提供 поэтому、正常にアップロードされるメッセージGIFや絵文字リアクションを作成できます。

ジェネラティブアートの作成には、アート的なビジョンと技術的なスキルが必要です。このスキルでは、p5.jsを使用した、パラメータ操作による探索が可能な、独自で再現可能なジェネラティブアートの作成を支援します。フローフィールド、再帰パターン、パーティクルシステムなどを作成できます。

、洗練されたデザイン哲学を使用して、アイデアを見事なビジュアルアートに変換します。このスキルは、マスターーデザイナーによって入念に作られたプロフェッショナル品質のポスターやアートワークを作成するようAIをガイドします。

ドキュメントやプレゼンテーションに一貫したブランドカラーとタイポグラフィを適用する必要があります。このスキルは、色・フォント・スタイリング規則を含むAnthropic公式ブランドガイドラインを提供し、ブランドに沿ったビジュアル出力を実現します。

アルゴリズムアートの作成には、生成システム、シード付きランダム性、p5.jsの専門的な知識が必要です。このスキルは、アルゴリズム的哲学とインタラクティブなパラメータ探索を通じて、オリジナルの生成アートを作成するための構造化されたアプローチを提供します。

Tailwind CSS V4は、OxideエンジンとCSSファーストの設定により革新的な変化をもたらします。このスキルは移行のナビゲーション、パフォーマンスの最適化、最新のデザインシステムの構築に関する専門家のガイダンスを提供します。

平凡なインターフェースはユーザーの注意を引くことができず、ブランドアイデンティティを希薄化させます。このスキルは、AIアシスタントが独自の美学、強力な視覚的階層、本番環境対応のコード品質を備えた、大胆で記憶に残るフロントエンドデザインを作成できるようガイドします。

複数のアプリケーション間で一貫したデスクトップテーマを作成することは、複雑で時間のかかる作業です。Omarchyテーマは、集中管理されたcolors.toml設定を提供し、ターミナル、ウィンドウマネージャー、システムツールを含むすべてのデスクトップアプリケーションのテーマを自動的に生成します。

AIエージェント製品には、ユーザーの不安や離脱を引き起こす長い待受時間がしばしば発生します。このスキルはブラウザ自動化を使用してアプリケーションの長時間操作の処理方法を監査し、優先順位付けされた推奨事項を含む包括的なレポートを生成します。

AIからの表示出力には、手動で見つけにくいレイアウト、間隔、配置の問題がよくあります。このスキルは結果のスクリーンショットを自動的に撮影し、表示の欠陥を分析し、見つかった問題を修正します。

アクセシブルなReactコンポーネントを構築するには、ShadCNパターンとRadix UIプリミティブを理解する必要があります。このスキルでは、TailwindCSSと2025年11月の標準を使用した、モーダル、フォーム、その他のコンポーネントのアクセシブルな実装のベストプラクティスをを提供します。