youtube-thumbnail-design
77高CTRのYouTubeサムネイルをデザインする
YouTubeサムネイルは、モバイルのフィードサイズでも明瞭で、なおかつクリックを獲得できる必要があります。このスキルは、レイアウト、色、テキスト、顔、A/Bテストに関する実践的なルールを提供します。
コンバージョン率の高いランディングページを設計する
ランディングページが失敗しがちな理由は、メッセージ、実績の提示、CTAの配置が不明確だからです。このスキルはClaude、Codex、Claude Codeに、ヒーローセクション、ソーシャルプルーフ、フォーム、モバイルレイアウト、AI生成ビジュアルに関する実践的なルールを提供します。
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "landing-page-design" from https://skillstore.io/skills/halt-catch-fire-landing-page-design.md and its manifest at https://skillstore.io/api/skills/halt-catch-fire-landing-page-design/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「landing-page-design」を使用しています。 創業者がAI議事録プロダクト向けのランディングページを必要としている。
期待される結果:
「landing-page-design」を使用しています。 SaaSマーケターが、サインアップページのコンバージョンが弱い理由を尋ねている。
期待される結果:
「landing-page-design」を使用しています。 デザイナーがダッシュボードプロダクト向けのヒーロー画像の方向性を必要としている。
期待される結果:
ダッシュボードを使用した成果を見せてください。1つの画面で、チームが明確な成長結果を確認している様子です。抽象的な背景や読みにくいスクリーンショットは避けてください。
The skill is a landing page design guide, but it tells agents to run belt and npx commands. Those commands invoke external services or install related skills, which creates medium external command risk. Most other static backtick findings are Markdown formatting false positives, and no prompt injection text was found.
これらは、このスキルに期待される可能性のある実際のローカル機能であるため、レビューが必要ですが、確認済みの悪意ある動作としてはカウントされません。
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/halt-catch-fire-landing-page-design/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/halt-catch-fire-landing-page-design?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/halt-catch-fire-landing-page-design?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/halt-catch-fire-landing-page-design/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/halt-catch-fire-landing-page-design.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>halt-catch-fire. (2026). landing-page-design security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/halt-catch-fire-landing-page-design/audits/4@techreport{halt-catch-fire-halt-catch-fire-landing-page-design-2026,
author = {halt-catch-fire},
title = {landing-page-design security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/halt-catch-fire-landing-page-design/audits/4},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "landing-page-design security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "halt-catch-fire"
date-released: "2026-07-05"
url: "https://skillstore.io/skills/halt-catch-fire-landing-page-design/audits/4"
identifiers:
- type: other
value: "skillstore:halt-catch-fire-landing-page-design:audit:4"
description: "Skillstore immutable audit report identifier"
各作者のスキルは個別のインストール項目として維持されます。推奨バリアントは Skillstore の証拠で順位付けされます。
このバリアントが首位の理由
2389-research-landing-page-design
2026-09-09
101-skills-landing-page-design
2026-09-09
halt-catch-fire-landing-page-design
2026-09-09
成果を示す見出し、主要CTA、実績提示セクション、サインアップフォームのガイダンスを含む、明確なファーストページ構成を作成します。
プロダクトマーケティングページのヒーローメッセージ、CTA文言、ソーシャルプルーフの配置、価格導線をレビューします。
プロダクトの成果を、ヒーロー画像コンセプト、OG画像プロンプト、モバイルファーストのレイアウト要件に変換します。
landing-page-designスキルを使って、[product]向けのランディングページのアウトラインを作成してください。見出し、サブ見出し、主要CTA、ソーシャルプルーフ、セクション順序を含めてください。
このヒーローセクションを、コンバージョンの明確さという観点でレビューしてください: [paste copy]。より強い見出し、サブ見出し、CTA文言、実績提示の配置を提案してください。
このランディングページをモバイルユーザー向けに適応させるために、このスキルを使ってください: [describe page]。CTAへのアクセス、フォームの長さ、タイポグラフィ、画像の挙動を優先してください。
私のランディングページの目標を、3つの競合例と比較してください。メッセージの不足、実績提示の不足、リスクのある主張、A/Bテストのアイデアを特定してください。
作成者
halt-catch-fireライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
30c73eac2afe762f6aa9c4553158769369d47351
メンテナンスの新しさ
2026/7/18
利用状況
6 ダウンロード · 0 閲覧
ファイル構成
📄 SKILL.md
高CTRのYouTubeサムネイルをデザインする
YouTubeサムネイルは、モバイルのフィードサイズでも明瞭で、なおかつクリックを獲得できる必要があります。このスキルは、レイアウト、色、テキスト、顔、A/Bテストに関する実践的なルールを提供します。
プラットフォーム対応の動画広告を作成
チームは、各プラットフォームに対して誤った寸法、尺、キャプション、またはセーフゾーンで動画広告を作成してしまうことがよくあります。このスキルは、Claude、Codex、Claude Code に、動画広告の企画と CLI でそのまま使えるクリエイティブプロンプト生成のためのプラットフォーム別ガイドを提供します。
Product Huntローンチを計画する
Product Huntのローンチには、正確なタイミング、明確なポジショニング、強いビジュアルが必要です。このスキルは、掲載コピー、ギャラリーアセット、コメント、リサーチ、ローンチ当日の実行に向けた構造化チェックリストをチームに提供します。
Inference.shモデルでAI動画を作成
チームには、プロンプト、画像、音声を動画アセットに素早く変換する方法が必要です。このスキルは、inference.shの動画ワークフロー向けにモデルの選択肢とCLI例を提供します。
AIアバター動画の作成
アバター動画の作成には、多くの場合、モデル選定、音声設定、複数ステップのメディアワークフローが必要です。このスキルは、Claude、Codex、Claude Code が inference.sh のアバター動画コマンドを使い、安全に入力を計画できるよう支援します。
TSX から Remotion 動画をレンダリング
チームが React コンポーネントから再現可能なモーショングラフィックスを必要とする場合、プログラムによる動画レンダリングは困難です。このスキルは、Claude、Codex、または Claude Code が Remotion 入力を使って inference.sh レンダラーを呼び出す方法を案内します。
アクセシブルなビジュアル体験を構築
作成者 CleanExpo
ビジュアル体験は、ページ間で一貫性がなくなったり、遅くなったり、アクセシブルでなくなったりすることがあります。このスキルは、明確な安全制約に基づいて、アニメーション、ギャラリー、デモ、Three.js の更新をガイドします。
動き豊かなフロントエンドページを作成する
作成者 leonxlnx
汎用的なAIページは、弱いレイアウトを繰り返しがちです。このスキルは、Claude、Codex、Claude Codeを、多様なエディトリアルUI、GSAPモーション、より厳密なビジュアルチェックへと導きます。
Shadcn と 21st.dev で UI を構築
作成者 AayushBaniya2006
フロントエンドチームには、一貫性のある UI コンポーネントとページセクションが必要です。このスキルは、Claude、Codex、Claude Code が Shadcn MCP と 21st.dev MCP を使用するためのガイドです。
より良いコンバージョンのためにポップアップを最適化
作成者 coreyhaines31
タイミングの悪いポップアップは訪問者を妨げ、信頼を低下させる可能性があります。このスキルは、明確なオファー、ターゲティング、テスト、アクセシビリティルールを備えた、配慮あるポップアップの設計を支援します。
プレミアムなフロントエンド参考画像を生成
作成者 leonxlnx
フロントエンド画像プロンプトは、しばしば反復的なレイアウトを生成します。このスキルは、Claude、Codex、Claude Code を、セクションごとに異なるWebサイト参考画像へと導きます。
ペイウォールとアップグレードフローを最適化
作成者 coreyhaines31
アプリ内のアップグレード促進は、タイミング、価値、信頼を高める要素が不明確だとユーザーを失いがちです。このスキルは、Claude、Codex、Claude Codeがより良いペイウォール、コピー、フロー、テストを設計するのに役立ちます。