完成済みのインターフェースでも、リリース前に小さな視覚調整が必要になることがあります。このスキルは、Claude、Codex、Claude Codeがデザインを保ちながら明瞭さを高めるための指針を提供します。

Pencilデザインは、開発者が目視で変換すると細部が失われがちです。このスキルは、Claude、Codex、Claude Codeが正確な抽出、実装、視覚チェックを行えるように導きます。

プロダクトチームは、成功状態に不明確な次のステップを詰め込みがちです。このスキルは、意味のある成果の後に、ユーザーの意図をスコープが明確で優先順位付けされたUIアクションへ変換します。

デザインのハンドオフでは、アーキテクチャ、トークン、アクセシビリティが崩れがちです。このスキルは、Claude、Codex、Claude Codeが選択されたFigmaまたはPencilの画面をレイヤー化されたTailwindコードへ変換するのを支援します。

Next.js チームは favicon、PWA、ソーシャル画像の要件を見落としがちです。このスキルはプロジェクトを監査し、正確なアセット仕様を準備し、生成されたファイルを App Router の規約に沿って組み込みます。

Recreating a successful video ad from observation is slow and inconsistent. This skill converts reference footage into an evidence-based timeline and production-ready adaptation prompt.

長いコンテンツをSNS向け画像カードに変換する作業は時間がかかり、一貫性を保つのも困難です。このスキルは、スタイル、レイアウト、プロンプト、出力パスを含むXiaohongshu風インフォグラフィックシリーズを設計します。

長いコンテンツを一貫したビジュアルデッキに変換するには、構成設計とプロンプト作成が必要です。このスキルは、構造化されたアウトライン、スライド用プロンプト、生成されたスライド画像を作成します。

メモやレポートを明瞭なビジュアルに変換するには、多くのデザイン判断が必要です。このスキルはコンテンツを分析し、レイアウトとスタイルを推奨し、Claude、Codex、Claude Code のワークフロー向けに画像プロンプトを準備します。

画像プロンプトでは、プロバイダー設定、サイズ、再現可能な出力パスが必要になることがよくあります。このスキルは、アスペクト比、品質、参照画像オプションを備えたAPIベースの生成ツールを実行します。

チームには、別個の UI を構築せずにすばやく画像とテキストを生成する方法が必要です。このスキルは、Gemini Web のプロンプト、画像、参照、セッション向けの CLI ワークフローを提供します。

記事カバーでは、画像生成を始める前に明確なビジュアルコンセプトが必要になることがよくあります。このスキルはコンテンツを分析し、タイトルとレイアウトのガイダンスを含む、スタイルに合ったカバープロンプトを作成します。

大きな画像ファイルは引き継ぎを遅くし、リポジトリの共有を難しくします。このスキルは、利用可能なコマンドラインツールを使用して、ローカル画像を WebP、PNG、または JPEG に圧縮します。

長いソース資料を明確な視覚的レッスンに変換するのは困難です。このスキルは、Claude、Codex、または Claude Code による分析、ストーリーボード作成、画像プロンプト作成、PDF 組み立てを支援します。

長い記事にはビジュアルが必要になることがよくありますが、画像の配置やプロンプトを選ぶには時間がかかります。このスキルは Markdown コンテンツを分析し、イラスト計画を立て、一貫したプロンプトと画像配置を作成します。

クリエイティブブリーフでは、レンダリング前に明確なビジュアルプロンプトが必要になることがよくあります。このスキルは、ブリーフや参考資料をMaxArt対応のプロンプトパック、モーションプラン、テスト案に変換します。

Teams often compare superficial UI alternatives without learning which design decision matters. This skill builds distinct, accessible variants and a shareable picker for informed selection.

小さなUIのディテールは、完成したプロダクトを粗く感じさせることがよくあります。このスキルは、Claude、Codex、Claude Codeがタイポグラフィ、サーフェス、モーション、インタラクションの仕上がりをレビューするのに役立ちます。

Interface changes can introduce visual, accessibility, and content regressions across connected surfaces. This skill resolves the change scope and produces evidence-based findings with clear status labels.

Web interfaces hide their implementation behind compiled styles and runtime behavior. This skill gathers evidence and explains the design system or visual effect.