Files
AOS/skills/design/design-templates/social-card-editorial/SKILL.md
T
Z User e45b68bb8b feat: IMAP mail sync with thread-to-contact matching (PRD §6.1)
Real IMAP connection via imapflow library:
- Connects to IMAP server (IMAPFlow, TLS on port 993)
- Fetches recent messages (configurable limit, default 20)
- Extracts: from, fromEmail, subject, date, snippet (200 chars)
- Thread-to-contact matching (PRD §6.1):
  1. Match sender email against persons table
  2. If no person match, extract domain and match against company.website
  3. Returns matchedCompany + matchedPerson for each email
- Audit-logged (action: crm.mailsync:imap)
- Zod validated (host, port, user, password, folder, limit)
- 502 on IMAP connection failure with detail
- 400 on validation failure

Tested: invalid creds → 502 'IMAP connection failed', missing host → 400
2026-10-27 22:50:50 +00:00

2.9 KiB
Executable File

name, description, visibility, mode, carrier, scenario, pattern_source, source_priority, triggers, related_patterns
name description visibility mode carrier scenario pattern_source source_priority triggers related_patterns
social-card-editorial 杂志感 / 电子墨水风社交卡 — 纸感留白、张力标题、克制装饰;卡角色含封面 / 期号封面 / 引言 / 编辑型短文分栏 / field note 照片 / 证据特写 / 结语 / 章节分隔 / hero 问句。用于观点 / 书摘 / 旅行 / 生活方式 / 文化 / 品牌故事 / 深度解释。触发:"做个杂志感卡 / 公众号封面 / 留白卡 / 编辑型卡 / 引言卡"。NOT 强运营 KPI 卡,NOT cyber/工业科技调,NOT 商业大字海报。 public template fixed-image social-content pattern.html skill-first
做个杂志感卡
公众号封面
留白卡
编辑型卡
引言卡
电子墨水风卡
纸感卡
social-card-quote, social-card-image-led

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.