Files
AOS/skills/design/design-templates/social-card-data-kpi/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.0 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-data-kpi 数据驱动的小红书 / 公众号社交卡 — 一个 hero 数字 + 解释、KPI 塔(3-5 指标堆叠)、前后对比、横向迷你条形图、排行榜带高亮行、ROI 卡。必须标单位 / 时间窗 / 数据来源,必须一个数字视觉主导。触发:"做个 KPI 卡 / 数据卡 / 排行榜卡 / 增长卡 / 复盘数字卡"。NOT 表情绪 / 引言 / 图主导的卡,NOT chartjunk。 public template fixed-image social-content pattern.html skill-first
做个 KPI 卡
数据卡
排行榜卡
增长卡
复盘数字卡
前后对比卡
ROI 卡
social-card-swiss

Social Card Data / KPI Template

Use when the card is driven by numbers, rankings, growth, score, ROI, benchmark, funnel, or result summary.

Core Rule

A data card must have one clear claim. Do not show numbers without explaining what decision or insight they support.

Structure Options

  • one hero number + explanation
  • KPI tower: 3-5 stacked metrics
  • before / after metric comparison
  • horizontal bar mini-chart
  • ranking table with one highlighted row
  • ROI/result card with assumptions

Must Do

  • Label units, time windows, and data source / placeholder status.
  • Make one number visually primary.
  • Use consistent alignment and numeric tabular spacing where possible.
  • If numbers are invented placeholders, mark them as sample/demo.

Avoid

  • Fake market size, fake growth rate, fake client proof.
  • Chartjunk.
  • Tiny chart labels.
  • More than 5 competing metrics on one social card.

Pattern Source Rule

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

Read pattern.html only when you need concrete layout rhythm, spatial relationships, or interaction/annotation behavior that this markdown cannot fully specify. When read, extract patterns only; do not copy DOM, CSS classes, exact spacing, placeholder copy, or styling wholesale.