Fähigkeiten landing-page-design
🎨

landing-page-design

Sicher

تصميم صفحات هبوط عالية التحويل

Auch verfügbar von: 2389-research

غالبا ما تبدو صفحات الهبوط المولدة بالذكاء الاصطناعي عامة مع تدرجات أرجوانية وأنماط معاد تدويرها. تفرض هذه المهارة هوية بصرية فريدة عبر اكتشاف الطابع، مما ينشئ صفحات تبرز وتحوّل أفضل من القوالب.

Unterstützt: Code(CC)
📊 69 Angemessen
1

Die Skill-ZIP herunterladen

2

In Claude hochladen

Gehe zu Einstellungen → Fähigkeiten → Skills → Skill hochladen

3

Einschalten und loslegen

Teste es

Verwendung von "landing-page-design". Create a landing page for a productivity app. It should feel like a quiet library at night. Use a collision of classic bookbinding and modern tech.

Erwartetes Ergebnis:

  • 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

Sicherheitsaudit

Sicher
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
Gescannte Dateien
431
Analysierte Zeilen
0
befunde
3
Gesamtzahl Audits
Keine Sicherheitsprobleme gefunden
Auditiert von: claude Audit-Verlauf anzeigen →

Qualitätsbewertung

38
Architektur
100
Wartbarkeit
83
Inhalt
31
Community
100
Sicherheit
78
Spezifikationskonformität

Was du bauen kannst

إطلاق صفحات الهبوط

إنشاء صفحات إطلاق مميزة تميز شركتك الناشئة عن المنافسين العامين

صفحات الحملات

بناء صفحات عالية التحويل لإطلاق المنتجات، والعروض الموسمية، وإعلانات الميزات

توثيق التصميم

توليد مواصفات وأنماط تصميم لتسليمها إلى فرق التطوير

Probiere diese Prompts

صفحة هبوط أساسية
Create a landing page for my new [PRODUCT TYPE]. The brand feels like [REAL-WORLD PLACE/OBJECT]. The emotion should be [EMOTION].
مع مفهوم التصادم
Design a landing page that collides [INFLUENCE 1] with [INFLUENCE 2]. The vibe should be unexpected but cohesive.
إضافة قسم
Add a [SECTION TYPE] section to my existing landing page. Match the color palette [PALETTE NAME] and typography [FONT] from the hero.
طلب تحريك
Add [ANIMATION TYPE] animation to the [ELEMENT]. The effect should feel [EMOTION] and use [PRIMARY COLOR] as accent.

Bewährte Verfahren

  • إكمال اكتشاف الطابع قبل أي كود لضمان هوية بصرية فريدة لكل مشروع
  • قضاء خمسين بالمئة من الجهد على قسم البطل لأنه يحدد الانطباعات الأولى ومعاينات وسائل التواصل الاجتماعي
  • استخدام أيقونات Iconify Solar أو Phosphor بدلا من أيقونات Lucide المستخدمة بكثرة للتميّز البصري

Vermeiden

  • إعادة استخدام أكواد hex أو الخطوط أو أنماط التصميم من مشاريع سابقة
  • الافتراضي إلى Inter أو Roboto أو خطوط عامة أخرى
  • استخدام تدرجات أرجوانية أو لوحة ألوان Stripe

Häufig gestellte Fragen

مع أي أدوات تعمل هذه المهارة؟
تعمل هذه المهارة مع Claude Code. تقدم إرشادات تصميم يمكن لـ Claude تنفيذها باستخدام أي أدوات ترميز متاحة.
كم تستغرق صفحة الهبوط؟
عادة ما تتطلب صفحة الهبوط الكاملة عدة تكرارات. ركّز على قسم البطل أولا، ثم أضف الأقسام بشكل منهجي.
هل يمكنني تصدير التصاميم إلى Figma؟
توفر هذه المهارة مواصفات وأنماطا. ستقوم بتنفيذ التصاميم في الكود أو إعادة إنشائها يدويا في Figma.
هل بياناتي آمنة؟
تعالج هذه المهارة متطلبات التصميم التي تقدمها فقط. لا يتم تخزين أي بيانات أو إرسالها خارج جلستك.
لماذا تبدو تصاميمي عامة؟
التصاميم العامة تأتي من أنماط محفوظة. تفرض عملية اكتشاف الطابع خيارات فريدة من خلال الاشتقاق من مراجع واقعية.
كيف يختلف هذا عن القوالب؟
القوالب تنتج صفحات متطابقة الشكل. تولّد هذه المهارة هوية بصرية فريدة لكل مشروع عبر التصادم الإبداعي والمراجع الجديدة.

Entwicklerdetails

Dateistruktur

📄 SKILL.md