一般的なフロントエンド画面は似た見た目になりがちで、ブランドへの焦点が弱くなります。このスキルは、より明確なインターフェースのために、タイポグラフィ、色、モーション、奥行きの選択をガイドします。

現代のプロダクトチームには、一貫性があり洗練されたUIガイダンスが必要です。このスキルは、Claude、Codex、Claude Codeに対して、タイポグラフィ、カラー、スペーシング、コンポーネント、モーション、UXレビューに関する実践的なApple風ルールを提供します。

クリエイティブチームには、ビジュアルのアイデアを生成メディアへすばやく変換する方法が必要です。VisionCraftは、Claude、Codex、Claude CodeをAgnes AIの画像・動画ワークフローに沿ってガイドします。

Landing pages can waste paid traffic through weak message match, friction, and measurement gaps. This skill audits available evidence and ranks specific fixes by expected impact.

一般的な生成インターフェイスは、予測可能で弱い印象になりがちです。このスキルは、Claude、Codex、Claude Code が個性的で本番品質のフロントエンドデザインへ向かうよう導きます。

公開サイトのビジュアル言語を手作業で再現するのは時間がかかり、一貫性も失われがちです。このスキルは、レビュー用に初期カラー、フォント、スペーシング、角丸、シャドウ、トークンファイルを抽出します。

トークン、コンポーネント、ドキュメントが別々に発展してしまうため、チームはしばしば一貫性のないUIを出荷します。このスキルは、Claude、Codex、Claude Codeに対して、スケーラブルなデザインシステムのための構造化されたガイダンスを提供します。

Mobile teams often design from isolated inspiration and miss the patterns that shape successful app journeys. This skill guides structured research of top-grossing apps, screens, flows, and UI elements before implementation.

Mobile interfaces often feel inconsistent when controls, navigation, motion, and loading states are designed separately. This skill provides one practical Expo and React Native workflow.

チームが作成するドキュメントでは、色、タイポグラフィ、レイアウト、メッセージに一貫性がないことがよくあります。このスキルはAcmeの標準を適用し、一般的なブランド違反がないかコンテンツを確認します。

Grasshopper モデリングでは、コンポーネント、接続、パラメーターに関する手順を何度も繰り返す必要がある場合があります。このスキルは、構造化された設計メモを実行可能なワークフローファイルとローカル MCP アクションに変換します。

ジェネラティブアートのリクエストには、多くの場合、構造、再現性、使いやすいコントロールが必要です。このスキルは、Claude、Codex、Claude Code がシード付きのバリエーションを備えたオリジナルの p5.js アートワークを作成できるように支援します。

動きのある動画フレーム全体にわたる領域編集は、一貫してルーティングし、プロンプトを作成するのが困難です。このスキルはRunComfyの経路を選択し、クリーンアップや置換のための安全なプロンプトパターンを提供します。

画像のライティングを変更するには、通常は再撮影や手作業での編集が必要です。このスキルは、Claude、Codex、またはClaude Codeが静止画像のリライト依頼をRunComfyモデルにルーティングするのに役立ちます。

リップシンク作業では、多くの場合、各入力タイプに適したモデルを選ぶ必要があります。このスキルは、動画、ポートレート、またはスクリプトのワークフローをRunComfyコマンドに振り分けます。

切り抜かれた画像は、バナー、SNS投稿、商品レイアウト向けにより広いキャンバスが必要になることがよくあります。このスキルは、元の被写体を保持しながら RunComfy モデルで画像をアウトペイントするよう Claude、Codex、Claude Code をガイドします。

精密な画像編集には、明確なモデルルーティングと焦点を絞ったプロンプトが必要です。このスキルは、実用的なプロンプトパターンを使って、Claude、Codex、Claude CodeがRunComfy経由でFlux 1 Kontext Proを呼び出すのを支援します。

クリエイティブチームには、プロンプト構造とモデル設定の制御を失わずに、画像ドラフトをすばやく作成する手段が必要です。このスキルは、Claude、Codex、Claude CodeがRunComfy Flux 2 Kleinの各バリアントを使用して、迅速なコンセプト作成と洗練された出力を行えるように支援します。

UI/UX作業は、チームに共有された原則やレビュー習慣がないと方向性がぶれがちです。このスキルは、Claude、Codex、Claude Codeにデザイン判断のための簡潔なチェックリストを提供します。

ストーリーカードやプロフィールカードには、一貫したレイアウト、敬意のある文化的手がかり、明確なAIラベル表示が必要になることがよくあります。このスキルは、Empathy Ledgerのカードインターフェイス向けに、コンポーネントパターン、データマッピング、AIエンリッチメントのガイダンスを提供します。