チームには、Physical AI Hub のための一貫したインターフェーススタイルが必要です。このスキルは、Claude、Codex、Claude Code に対して、色、タイポグラフィ、コンポーネント、アニメーション、CSS ファイルに関する明確なデザインルールを提供します。

フロントエンドチームには、一貫性のある UI コンポーネントとページセクションが必要です。このスキルは、Claude、Codex、Claude Code が Shadcn MCP と 21st.dev MCP を使用するためのガイドです。

チームは、テーマの選択を再利用可能な shadcn コマンドに変換するために時間を失いがちです。このスキルは tweakcn の参照情報を使ってテーマを選択し、インストールを案内します。

洗練されたロゴアセットの作成には、多くの場合、複数のデザイン工程とクリーンアップ工程が必要です。このスキルはReplicateでロゴを生成し、背景を削除して、透明PNGとして保存します。

一貫性のあるWebサイト画像の作成は、コンポーネント開発の妨げになることがあります。このスキルは、ReplicateとSharpを使ってWebPアセットを生成、最適化、保存します。

チームには、プロダクトページ、ドキュメント、マーケティング画面向けの一貫したビジュアルアセットが必要です。このスキルは DALL-E 生成をガイドし、ファイルをプロジェクトのアセットフォルダーに保存します。

ランディングページがクリエイターのメッセージと一致していなかったり、オファーを分かりやすく提示できていなかったりすると、インフルエンサー経由のトラフィックは離脱しがちです。このスキルは、メッセージの一貫性を監査し、優先順位を付けたコンバージョン改善計画とテスト計画を作成します。

メールレイアウトは、クライアント、ダークモード、画像がブロックされた表示環境によって崩れることがよくあります。このスキルは堅牢なHTMLを構築し、クライアント固有のリスクを文書化します。

教育用画像プロンプトは、授業の目標を外した汎用的な図解を生成しがちです。このスキルは、授業の文脈を、学習者に適したビジュアルのための焦点の定まったクリエイティブブリーフに変換します。

チームには、インターフェースコンポーネントを変更する前に一貫したUXフィードバックが必要です。このスキルは、配置、視覚的な重み、余白の3部構成フレームワークを適用します。

コースチームには、概念をすばやく説明できる一貫したビジュアルが必要です。このスキルは、クリエイティブブリーフを、品質ゲートとファイル整理を備えたGemini画像生成ワークフローに変換します。

アクセシビリティ上のギャップは、ユーザーの利用を妨げ、コンプライアンスリスクを生む可能性があります。このスキルは、WCAG監査、スクリーンリーダーチェック、キーボードテスト、改善計画を支援します。

FigJam plugin の変更は、メインスレッドと UI API が混在すると失敗することがあります。このスキルは、Claude、Codex、Claude Code に対して、プロジェクト構造、ビルドフロー、インポートワークフローを案内します。

ありきたりなランディングページでは、信頼も注目も得られません。このスキルは、Claude、Codex、Claude Code に対して、発見、構成、ビジュアル方針、アニメーション、コンバージョン重視の仕上げまでをガイドします。

AI画像生成ツールでは、画像ごとにキャラクターの顔、色、衣装、プロポーションが変わってしまうことがよくあります。このスキルは、より一貫性のある結果を得るためのリファレンスシート、記述アンカー、パレット、LoRAのワークフローを提供します。

ビジュアルファイルには、エラー、レイアウトの問題、重要なテキストが隠れていることがあります。このスキルは、Claude、Codex、Claude Code がスクリーンショット、図、モックアップを簡潔な所見で確認するのに役立ちます。

デザイナーや開発者は、書かれたアイデアからすばやくベクターアートワークを必要とすることがよくあります。このスキルはGeminiで画像を生成し、それをトレースしてSVGファイルとして保存します。