Social Card Swiss Template
Use this template for structured social cards that should feel precise, systematic, technical, or method-driven.
Use When
- The content is a framework, checklist, comparison, tool explanation, AI workflow, product update, KPI summary, or screenshot explainer.
- The design should use grid, numbering, labels, metrics, or modular blocks.
- The user wants a clean modern card that feels designed but not decorative.
Avoid When
- The content is emotional, literary, image-led, or slow editorial.
- The user wants a soft lifestyle/pastel look.
- A plain poster or deck slide is a better fit than a social card.
Required Reading
Read this SKILL.md first. Do not read pattern.html by default.
Read pattern.html only if the selected card needs layout relationships that are hard to infer from this file. Extract only grid rhythm, component relationships, responsive/card behavior, and section hierarchy.
Design Strategy
Choose a card role before choosing visual detail:
- system cover
- numbered method
- comparison / before-after
- KPI tower
- horizontal bar / mini chart
- screenshot explainer
- evidence wall
- closing checklist
Layout Bias
Prefer:
- strict grid and alignment
- numbering systems and small metadata labels
- clear typographic hierarchy
- compact but readable card sections
- data blocks, comparison rows, and interface frames
Avoid:
- random stickers, emoji icons, and decorative blobs
- unclear focal hierarchy
- screenshots too small to read
- generic SaaS feature-card layouts
Platform / Size
Use canvas-and-device.md for platform dimensions and export ratios. This template supplies structure, not fixed size.
1---2name: social-card-swiss3description: Swiss 网格 / 系统派社交卡 — 精确 / 系统化 / 技术感 / 方法论调性。卡角色含 system 封面 / numbered method / 对比 before-after / KPI tower / 横条 mini-chart / 截图解释 / 证据墙 / 收尾 checklist。用于 framework / checklist / 工具说明 / AI workflow / 产品更新 / KPI 总结。触发："做个方法卡 / 框架卡 / 工具拆解卡 / AI 工具卡 / 系统派结构卡"。NOT 情绪 / 文学 / 图主导卡，NOT 软生活 pastel 风。4---56# Social Card Swiss Template78Use this template for structured social cards that should feel precise, systematic, technical, or method-driven.910## Use When1112- The content is a framework, checklist, comparison, tool explanation, AI workflow, product update, KPI summary, or screenshot explainer.13- The design should use grid, numbering, labels, metrics, or modular blocks.14- The user wants a clean modern card that feels designed but not decorative.1516## Avoid When1718- The content is emotional, literary, image-led, or slow editorial.19- The user wants a soft lifestyle/pastel look.20- A plain poster or deck slide is a better fit than a social card.2122## Required Reading2324Read this `SKILL.md` first. Do **not** read `pattern.html` by default.2526Read `pattern.html` only if the selected card needs layout relationships that are hard to infer from this file. Extract only grid rhythm, component relationships, responsive/card behavior, and section hierarchy.2728## Design Strategy2930Choose a card role before choosing visual detail:3132- system cover33- numbered method34- comparison / before-after35- KPI tower36- horizontal bar / mini chart37- screenshot explainer38- evidence wall39- closing checklist4041## Layout Bias4243Prefer:4445- strict grid and alignment46- numbering systems and small metadata labels47- clear typographic hierarchy48- compact but readable card sections49- data blocks, comparison rows, and interface frames5051Avoid:5253- random stickers, emoji icons, and decorative blobs54- unclear focal hierarchy55- screenshots too small to read56- generic SaaS feature-card layouts5758## Platform / Size5960Use `canvas-and-device.md` for platform dimensions and export ratios. This template supplies structure, not fixed size.
martin65536