landing-page-guide-v2
Next.js 14+とShadCN UIを使用して、優れたデザイン品質と実証済みの転換要素を組み合わせた、個性的で高い成約率を誇るランディングページを作成します。11の必須要素フレームワークに従いながら、AIの一般的な美学を避けた美しく記憶に残るランディングページを構築できます。
description の原文を見る
Create distinctive, high-converting landing pages that combine proven conversion elements with exceptional design quality. Build beautiful, memorable landing pages using Next.js 14+ and ShadCN UI that avoid generic AI aesthetics while following the 11 essential elements framework.
SKILL.md 本文
ランディングページガイド V2
概要
このスキルは、以下を組み合わせた特色のある、高コンバージョン率のランディングページの作成を実現します：
- 実証済みのコンバージョンフレームワーク: DESIGNNASから得た11の必須要素で高コンバージョン率を実現
- 優れたデザイン品質: ブランド体験を忘れられないものにする大胆な美的選択肢
- 本番対応コード: Next.js 14+、ShadCN UI、TypeScript、パフォーマンス最適化
哲学: ランディングページは訪問者をコンバージョンさせながら、ブランドを記憶させなければなりません。ジェネリックなテンプレートのようなページはどちらにも失敗します。このスキルは、ランディングページが機能的に効果的で、視覚的に素晴らしいものであることを保証します。
このスキルを使用する場合
ユーザーが以下を要求した場合にこのスキルを使用します：
- ランディングページ、マーケティングページ、またはプロダクトページの作成
- Next.jsまたはReactベースのプロモーションウェブサイト
- 訪問者を顧客にコンバージョンさせながら同時に視覚的に目立つ必要があるページ
- 優れたデザイン品質を備えたプロフェッショナルなマーケティングページ
- ジェネリックな「テンプレート」美学を避け
...
詳細情報
- 作者
- bear2u
- リポジトリ
- bear2u/my-skills
- ライセンス
- unknown
- 最終更新
- 不明
Source: https://github.com/bear2u/my-skills / ライセンス: unknown
関連スキル
agent-browser
AI エージェント向けのブラウザ自動化 CLI です。ウェブサイトとの対話が必要な場合に使用します。ページ遷移、フォーム入力、ボタンクリック、スクリーンショット取得、データ抽出、ウェブアプリのテスト、ブラウザ操作の自動化など、あらゆるブラウザタスクに対応できます。「ウェブサイトを開く」「フォームに記入する」「ボタンをクリックする」「スクリーンショットを取得する」「ページからデータを抽出する」「このウェブアプリをテストする」「サイトにログインする」「ブラウザ操作を自動化する」といった要求や、プログラマティックなウェブ操作が必要なタスクで起動します。
anyskill
AnySkill — あなたのプライベート・スキルクラウド。GitHubを基盤としたリポジトリからエージェントスキルを管理、同期、動的にロードできます。自然言語でクラウドスキルを検索し、オンデマンドでプロンプトを自動ロード、カスタムスキルのアップロードと共有、スキルバンドルの一括インストールが可能です。OpenClaw、Antigravity、Claude Code、Cursorに対応しています。
engram
AIエージェント向けの永続的なメモリシステムです。バグ修正、意思決定、発見、設定変更の後はmem_saveを使用してください。ユーザーが「覚えている」「記憶している」と言及した場合、または以前のセッションと重複する作業を開始する際はmem_searchを使用します。セッション終了前にmem_session_summaryを使用して、コンテキストを保持してください。
skyvern
AI駆動のブラウザ自動化により、任意のウェブサイトを自動化できます。フォーム入力、データ抽出、ファイルダウンロード、ログイン、複数ステップのワークフロー実行など、ユーザーがウェブサイトと連携する必要があるときに使用します。Skyvernは、LLMとコンピュータビジョンを活用して、未知のサイトも自動操作可能です。Python SDK、TypeScript SDK、REST API、MCPサーバー、またはCLIを通じて統合できます。
pinchbench
PinchBenchベンチマークを実行して、OpenClawエージェントの実世界タスクにおけるパフォーマンスを評価できます。モデルの機能テスト、モデル間の比較、ベンチマーク結果のリーダーボード提出、またはOpenClawのセットアップがカレンダー、メール、リサーチ、コーディング、複数ステップのワークフローにどの程度対応しているかを確認する際に使用します。
openui
OpenUIとOpenUI Langを使用してジェネレーティブUIアプリを構築できます。これらはLLM生成インターフェースのためのトークン効率的なオープン標準です。OpenUI、@openuidev、ジェネレーティブUI、LLMからのストリーミングUI、AI向けコンポーネントライブラリ、またはjson-render/A2UIの置き換えについて述べる際に使用します。スキャフォルディング、defineComponent、システムプロンプト、Renderer、およびOpenUI Lang出力のデバッグに対応しています。