技能 landing-page-design
🎨
AIが生成したランディングページは、紫のグラデーションやリサイクルされたパターン使って_GENERIC_に見えがちです。このスキルはVibe Discoveryを通じて固有のビジュアルアイデンティティを強制し、テンプレートよりも目立ってコンバージョン更好的页をを作成します。
支援: Code(CC)
1
下載技能 ZIP
2
在 Claude 中上傳
前往 設定 → 功能 → 技能 → 上傳技能
3
開啟並開始使用
測試它
正在使用「landing-page-design」。 生産性アプリ用のランディングページを作成してください。夜の静かな図書館のような чувствовать。クラシックな製本とモダンなテクノロジーの衝突を使ってください。
預期結果:
- Vibe Name: Midnight Archive
- Reference: Library at closing time
- Emotion: Focused calm
- Palette: Warm leather brown, aged paper cream, deep walnut, gold foil accent
- Display Font: Cormorant Garamond
- Body Font: Inter (for contrast)
- Signature Animation: Elements fade in like pages turning slowly
安全審計
安全v3 • 1/10/2026
Pure prompt-based skill containing only markdown instructions. No scripts, network calls, filesystem access, or code execution capabilities. Safe for distribution.
1
已掃描檔案
431
分析行數
0
發現項
3
審計總數
未發現安全問題
審計者: claude 查看審計歷史 →
品質評分
38
架構
100
可維護性
83
內容
21
社群
100
安全
78
規範符合性
你能建構什麼
ローンチ用ランディングページ
一般的な競合他社とは異なる差別化されたスタートアップ向けローンチページを作成する
キャンペーン用ページ
製品ローンチ、季節のプロモーション、機能告知用に高コンバージョンのページを構築する
デザ�キュメント
開発チームへの引き渡し用のデザイン仕様とパターンを生成する
試試這些提示
基本的なランディングページ
新しい[PRODUCT TYPE]用のランディングページを作成してください。ブランドは[REAL-WORLD PLACE/OBJECT]のような感覚で。エmotionは[EMOTION]にしてください。
collisionコンセプト付き
[INFLUENCE 1]と[INFLUENCE 2]を衝突させるランディングページをデザインしてください。vibeは意外ながらも cohesiveであるべきです。
セクション追加
既存のランディングページに[SECTION TYPE]セクションを追加してください。ヒーローから[PALETTE NAME]のカラーパレットと[FONT]のタイポグラフィに合わせてください。
アニメーションリクエスト
[ELEMENT]に[ANIMATION TYPE]アニメーションを追加してください。効果は[EMOTION]に感じ、[PRIMARY COLOR]をアクセントとして使ってください。
最佳實務
- 各プロジェクトに固有のビジュアルアイデンティティを確保するため、コードの前にVibe Discoveryを完了してください
- 第一印象とソーシャルメディアのプレビューを決定するため、ヒーローセクションに努力の50%を費やしてください
- 視覚的な差別化のために、過剰に使われているLucideアイコンではなくIconify SolarまたはPhosphorアイコンを使用してください
避免
- 以前のプロ젝ットからhexコード、フォント、またはデザインパターンを再利用すること
- Inter、Roboto、またはその他の汎用フォントをデフォルトにすること
- 紫のグラデーションやStripeカラーパレットを使用すること
常見問題
このスキルはどのようなツールで使用できますか？
このスキルはClaude Codeで使用されます。利用可能なあらゆるコーディングツールを使用してClaudeが実行できるデザインガイダンスを提供します。
ランディングページの作成にはどのくらいの時間がかかりますか？
完全なランディングページには通常、複数の反復が必要です。まずヒーローに焦点を当て、次にセクションを系統的に追加してください。
デザインをFigmaにエクスポートできますか？
このスキルは仕様とパターンを提供します。デザインは高またはFigma��手动的に再作成します。
データは安全ですか？
このスキルは提供するデザイン要件のみを処理します。データはセッションの外部に保存または送信されません。
なぜ私のデザインは GENERIC_に見えるのですか？
一般的なデザインは記憶されたパターンから発生します。Vibe Discoveryプロセスは実世界からの参照を導出することで固有の選択を强制します。
テンプレートとどのように違いますか？
テンプレートは同一に見えるページを生成します。このスキルは創造的な衝突と freshな参照を通じてすべてのプロジェクトに固有のビジュアルアイデンティティを生成します。