本文へ移動
cccskills
無料GitHub で公開

poster-hero

竖版海报 / 朋友圈分享图, 强视觉冲击

nexu-io/html-anything
インストール方法を見る

含まれるファイル（3）

  • SKILL.md1.1 KB
  • example.html5.6 KB
  • example.md329 B

SKILL.md（原文）

インストールする前に、エージェントに与えられる指示の中身を確認できます。

【模板: 营销海报】

  • 容器 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 做装饰性元素 (圆 / 三角 / 波浪 / 噪点纹理)。

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

ログインしてレビューを書く

同じリポジトリのスキル

概要と使いどころ

article-magazine

無料

Substack / Medium 高级感长文排版, 适合公众号、博客发布

日本語の概要は準備中です。原文の説明を表示しています。

nexu-io/html-anything9,0942026年9月15日 更新

article-sketchnote-editorial

無料

把一个概念铸成杂志专题档案——真问题→失败→转折→顿悟→命名, 6 个 layout 模具 + 4 字族对比 + 探案档案细节

日本語の概要は準備中です。原文の説明を表示しています。

nexu-io/html-anything9,0942026年9月15日 更新

blog-post

無料

杂志感长文, 含 masthead、hero、figures、pull quote、作者署名

日本語の概要は準備中です。原文の説明を表示しています。

nexu-io/html-anything9,0942026年9月15日 更新

card-twitter

無料

推特金句 / 数据卡, 适合配推文

日本語の概要は準備中です。原文の説明を表示しています。

nexu-io/html-anything9,0942026年9月15日 更新

card-xiaohongshu

無料

小红书风格知识卡片, 多张联排可滑动浏览

日本語の概要は準備中です。原文の説明を表示しています。

nexu-io/html-anything9,0942026年9月15日 更新

competitive-teardown

無料

定位图 + 功能矩阵 + 价格对比 + 机会窗口, 把竞品资料转成产品决策报告

日本語の概要は準備中です。原文の説明を表示しています。

nexu-io/html-anything9,0942026年9月15日 更新

nexu-io のスキルをすべて見る

このスキルの問題を報告する