AIが生成したランディングページは、紫のグラデーションや再利用されたパターンで似ていることが多い傾向にあります。このスキルは、Vibe Discoveryを通じて独自のビジュアルアイデンティティを強制し、テンプレートよりも目立ってコンバージョン率の高いページを作成します。
下載技能 ZIP
在 Claude 中上傳
前往 設定 → 功能 → 技能 → 上傳技能
開啟並開始使用
測試它
正在使用「landing-page-design」。 生産性アプリのためのランディングページを作成してください。夜の静かな図書館のような感觉にしてください。
預期結果:
- バイブ名: 真夜中のアーカイブ
- 参照: 閉館時の図書館
- 感情: 集中した静けさ
- パレット: 温かい leather brown、aged paper cream、deep walnut、gold foil accent
- ディスプレイフォント: Cormorant Garamond
- ボディフォント: Inter (コントラスト用)
- signature要素: ページがゆっくりめくれるようなフェードイン効果
正在使用「landing-page-design」。 ファッションブランドのためのランディングページをデザインしてください。日本の駅とオートクチュールの衝突。
預期結果:
- バイブ名: 新宿ランウェイ
- 参照
- :
- rush hourの日本のお駅
- 感情: 自信に満ちた
- 色: プラットフォーム Edge (black、concrete white、fluorescent white、JR line red)
- ディスプレイフォント: Darker Grotesque
- signature要素: 列车時刻表のような強い水平バンド
- ワイルドカード: 生地の質感オーバーレイ
安全審計
安全Pure documentation skill containing only markdown design guidance. No scripts, executable code, network calls, or file system access. The static findings are all false positives: hex color codes were misidentified as weak cryptographic algorithms, markdown code examples with backticks were misidentified as shell execution, and design resource URLs were misidentified as reconnaissance. Original static analysis confirmed safe with risk_level: safe.
風險因素
🌐 網路存取 (1)
⚙️ 外部命令 (25)
品質評分
你能建構什麼
ローンチランディングページ
一般的な競合他社とは異なる差別化されたスタートアップのローンチページを作成する
キャンペーンページ
製品ローンチ、季節のプロモーション、機能告知のためにコンバージョン率の高いページを構築する
デザ�イン仕様書
開発チームへの引き継ぎのためのデザイン仕様とパターンを生成する
試試這些提示
新しい[PRODUCT TYPE]のためのランディングページを作成してください。ブランドは[REAL-WORLD PLACE/OBJECT]のような感じにしてください。感情は[EMOTION]にしてください。
[INFLUENCE 1]と[INFLUENCE 2]を衝突させるランディングページをデザインしてください。バイブは予想外でありながらまとまりのあるものにしてください。
既存のランディングページに[SECTION TYPE]セクションを追加してください。ヒーローの[PALETTE NAME]のパレットと[FONT]のタイポグラフィに合わせてください。
[ELEMENT]に[ANIMATION TYPE]アニメーションを追加してください。効果は[EMOTION]的感觉に[PRIMARY COLOR]をアクセントとして使わないでください。
最佳實務
- 各プロジェクトの独自のビジュアルアイデンティティを確保するため、Vibe Discoveryを完了してからコードを作成してください。
- 努力の50%をヒーローセクションに集中させてください。それは第一印象とSNSプレビューを決定します。
- 視覚的な差別化のため、Iconify SolarやPhosphOR iconsを使用し、OVERUSEされたLucide iconsは避けてください。
避免
- 以前のプロ젝ットからhex codes、フォント、デザインパターンを再利用すること。
- Inter、Roboto、または他のAI生成ページで一般的に見られる汎用フォントにデフォルト設定すること。
- AI生成コンテンツを示す紫のグラデーションやStripeカラーパレットを使用すること。