skillhub

poster-hero✓ ناجح

Vertical poster or Moments-style share image with strong visual impact.

52من ١٠٠
٨١.٤k
★ نجوم
٣٥
↓ تنزيلات
٢٣٥
◉ مشاهدات

// تثبيت المهارة

تثبيت المهارة

المهارات هي كود تابع لأطراف ثالثة من مستودعات GitHub العامة. يفحص SkillHub الأنماط الخبيثة المعروفة، لكنه لا يستطيع ضمان السلامة. راجع الكود المصدري قبل التثبيت.

تثبيت عام (على مستوى المستخدم):

npx skillhub install nexu-io/open-design/poster-hero

تثبيت في المشروع الحالي:

npx skillhub install nexu-io/open-design/poster-hero --project

skill.install.customTargetHelp

npx skillhub install nexu-io/open-design/poster-hero --target-dir /path/to/skills

المسار المقترح: ~/.claude/skills/poster-hero/

مراجعة الذكاء الاصطناعي

52
من ١٠٠
جودة التعليمات48
دقة الوصف52
الفائدة53
السلامة التقنية60

A competent design template for vertical marketing posters with specific CSS and layout guidance, but limited by being a specification (not a workflow) and tied to the html-anything ecosystem. Bilingual content adds accessibility. The complete HTML example elevates it above a mere description, but lacks the step-by-step structure and error handling of higher-scoring skills.

prototypesimpledesignersmarketing-teamsfrontend-devsposter-designmarketing-graphicssocial-media-images
تمت المراجعة بواسطة claude-code في 20‏/6‏/2026

محتوى SKILL.md

---
name: poster-hero
zh_name: "营销海报"
en_name: "Marketing Poster"
emoji: "🖼️"
description: "Vertical poster or Moments-style share image with strong visual impact."
zh_description: "竖版海报 / 朋友圈分享图, 强视觉冲击"
en_description: "Vertical poster or Moments-style share image with strong visual impact."
category: poster
scenario: marketing
aspect_hint: "1080×1920 竖版"
tags: ["poster", "海报", "朋友圈"]
example_id: sample-poster-launch
example_name: "营销海报 · 产品发布"
example_format: markdown
example_tagline: "9:16 朋友圈分享图"
example_desc: "高对比度发布海报, 含 QR 码占位 + 渐变 mesh + 噪点纹理"
od:
  mode: prototype
  surface: web
  platform: desktop
  scenario: marketing
  upstream: "https://github.com/nexu-io/html-anything"
  preview:
    type: html
    entry: index.html
    reload: debounce-100
  design_system:
    requires: false
  example_prompt: "Use the Marketing Poster template to turn my content into a vertical poster or Moments-style share image with strong visual impact. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
  example_prompt_i18n:
    zh-CN: "用「营销海报」模板把我的内容做成一份「竖版海报 / 朋友圈分享图, 强视觉冲击」。保持模板的视觉签名，使用真实内容和数据，避免 lorem ipsum 和占位图片。"
---

【模板: 营销海报】
- 容器 `w-[1080px] h-[1920px] mx-auto`, 全屏渐变 / mesh 背景。
- 上部 30% 留白 + 一个大 emoji 或抽象几何图形。
- 中部主标题占视觉中心 (text-8xl, font-black), 一句话副标题。
- 下部信息卡片: 3-5 条核心要点用图标 + 短句。
- 底部右下角放品牌 / 二维码 (用 SVG 占位)。
- 使用大胆的色彩: 渐变背景 (from-violet-500 via-fuchsia-500 to-indigo-500 之类), 文字白色 + 1 个对比色高亮。
- 使用 SVG 做装饰性元素 (圆 / 三角 / 波浪 / 噪点纹理)。

الترخيص

الترخيص المُعلن: Apache-2.0

النص الكامل للترخيص متاح في المستودع المصدري.

عرض الترخيص في المستودع المصدري — النسخة المنشورة هناك هي المرجع.