Skip to content
cccskills
FreePublished on GitHub

social-card-editorial

杂志感 / 电子墨水风社交卡 — 纸感留白、张力标题、克制装饰；卡角色含封面 / 期号封面 / 引言 / 编辑型短文分栏 / field note 照片 / 证据特写 / 结语 / 章节分隔 / hero 问句。用于观点 / 书摘 / 旅行 / 生活方式 / 文化 / 品牌故事 / 深度解释。

触发："做个杂志感卡 / 公众号封面 / 留白卡 / 编辑型卡 / 引言卡"。NOT 强运营 KPI 卡，NOT cyber/工业科技调，NOT 商业大字海报。

The English summary is being prepared. Showing the original description.

WyvernCW/Monich

Run score Not tested

See how to install

Files included (17)

  • SKILL.md2.9 KB
  • assets/magazine-bg-webgl.js6.1 KB
  • assets/screenshot-backgrounds/style-a/dune.webp157.0 KB
  • assets/screenshot-backgrounds/style-a/forest-ink.webp232.2 KB
  • assets/screenshot-backgrounds/style-a/indigo-porcelain.webp127.8 KB
  • assets/screenshot-backgrounds/style-a/kraft-paper.webp250.3 KB
  • assets/screenshot-backgrounds/style-a/monocle-classic.webp180.2 KB
  • pattern.html27.8 KB
  • references/image-overlay.md9.4 KB
  • references/layout-recipes.md34.6 KB
  • references/map-component.md7.5 KB
  • references/platform-specs.md3.1 KB
  • references/portrait-fill.md2.6 KB
  • references/screenshot-treatment.md9.9 KB
  • references/style-system.md11.4 KB
  • references/theme-presets.md4.9 KB
  • references/title-shortener.md6.8 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

Social Card Editorial Template

Use this template for social cards that should feel editorial, literary, reflective, premium, or magazine-like.

Use When

  • 小红书 / 公众号 / 社媒封面需要杂志感、纸感、留白、标题张力。
  • 内容是观点、书摘、旅行、生活方式、文化、品牌故事、深度解释。
  • 图片、引用、标题、短段落需要共同构成一张“可保存”的卡片。
  • The artifact is fixed-canvas and will be delivered as HTML-to-image.

Avoid When

  • The card is highly operational, KPI-heavy, or dashboard-like.
  • The content needs dense tables, multiple metrics, or system UI explanation.
  • The user asks for a loud commercial poster or cyber/industrial tech look.

Required Reading

Read this SKILL.md first. Do not read pattern.html by default.

Read pattern.html only if you need to inspect visual rhythm or layout relationships. When read, extract patterns only; do not copy DOM, CSS classes, exact spacing, placeholder copy, or WebGL behavior wholesale.

Design Strategy

This template offers an editorial stance, not a fixed layout. Start from the current brief and choose one card role:

  • cover / issue cover
  • pull quote / thesis
  • editorial essay split
  • field note photo
  • evidence feature
  • closing note
  • section divider
  • hero question

Then adapt the card around the chosen role.

Layout Bias

Prefer:

  • large title blocks with intentional line breaks
  • paper-like background or quiet monochrome surfaces
  • hairline rules, issue strips, captions, marginal notes
  • one strong image crop or one dominant quote
  • restrained accent marks rather than decorative stickers

Avoid:

  • generic rounded card grids
  • under-filled portrait canvases
  • treating photos as small decorative thumbnails
  • adding ornamental Chinese motifs without content reason

Platform / Size

Use canvas-and-device.md to select the exact output size. For Xiaohongshu/RED, WeChat covers, or other platform-specific surfaces, do not hard-code sizes in this template.

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

agentic

Free

Conversational AI-first interface with minimal controls, clear outcomes, and delegated task flows for agentic workflows.

The English summary is being prepared. Showing the original description.

WyvernCW/Monich3Updated Jun 20, 2026

ant

Free

Structured, enterprise-focused design system emphasizing clarity, consistency, and efficiency for data-dense web applications.

The English summary is being prepared. Showing the original description.

WyvernCW/Monich3Updated Jun 20, 2026

application

Free

App dashboard with purple-themed aesthetic, top-bar navigation, card-based layouts, and developer-first workflows.

The English summary is being prepared. Showing the original description.

WyvernCW/Monich3Updated Jun 20, 2026

artistic

Free

High-contrast, expressive style with creative typography and bold color choices for visually striking interfaces.

The English summary is being prepared. Showing the original description.

WyvernCW/Monich3Updated Jun 20, 2026

ascii-cosmos

Free

Generate a single-file product landing page with a layered ASCII cosmos hero (rotating ASCII planet, drifting irregular asteroids, comet trails, nebula gas clouds — each in its own harmonious color) plus full marketing sections (about / features grid / showcase / spec / pricing / CTA / footer). Takes a natural-language description of one product (any kind — a note app, a coffee subscription, a CLI tool, an indie hardware, a hosting service…) and outputs ONE working .html file with deep-space dark or warm-letterpress theme. Runs in BOTH Claude Code (writes to ~/Desktop) and GLM / online chat (outputs HTML inline). Trigger phrases: "做个宇宙风产品落地页", "生成 ASCII 产品官网", "ascii-cosmos-gen ...", "做个独立软件 / 独立硬件落地页", or when user drags this skill folder into chat asking for an atmospheric product landing page.

The English summary is being prepared. Showing the original description.

WyvernCW/Monich3Updated Jun 20, 2026

atelier-zero

Free

Magazine-grade, collage-driven editorial system: warm paper canvas, surreal plaster-and-architecture imagery, oversized display type, hairline rules, and Roman-numeral section markers.

The English summary is being prepared. Showing the original description.

WyvernCW/Monich3Updated Jun 20, 2026

See all skills by WyvernCW

Report a problem with this skill