フロントエンドチームには、一貫性のある 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監査、スクリーンリーダーチェック、キーボードテスト、改善計画を支援します。

Educational short videos require research, clear animation, and careful music timing. This skill coordinates agent work and local tools to produce narration-free vertical videos.

Markdown articles can lose formatting when pasted into the WeChat editor. This skill guides HTML generation with inline styles and local previews for manual publishing.

Interface changes can lose visual consistency or disrupt existing workflows. This skill guides implementation from visual targets and project conventions, with optional Uizze resources and explicit verification.

Turning articles into clear animated explanations requires coordinated narration, visuals, and timing. This skill plans scenes and renders hand-drawn videos around a verified continuous narration track.

Creating consistent web captures across devices and formats requires repeated setup. This skill guides Claude and Codex through CurlShot requests for screenshots, PDFs, and scrolling videos.

Technical illustrations can lose consistency when views, annotations, and exports are created separately. This skill builds shared geometry and packages a local viewer with coordinated downloads.

SaaS teams lose users when interfaces obscure value or create unnecessary effort. This sourced playbook guides design reviews across acquisition, activation, retention, and monetization.

Visual briefs need clear direction, consistent assets, and practical export options. Huashu Design guides three visual drafts, HTML implementation, local verification, and optional presentation or video exports.

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