跳到正文
cccskills
免费在 GitHub 公开

social-card-data-kpi

数据驱动的小红书 / 公众号社交卡 — 一个 hero 数字 + 解释、KPI 塔(3-5 指标堆叠)、前后对比、横向迷你条形图、排行榜带高亮行、ROI 卡。必须标单位 / 时间窗 / 数据来源,必须一个数字视觉主导。触发:"做个 KPI 卡 / 数据卡 / 排行榜卡 / 增长卡 / 复盘数字卡"。

NOT 表情绪 / 引言 / 图主导的卡,NOT chartjunk。

中文简介正在准备中。当前显示原文说明。

查看安装方法

包含的文件(2)

  • SKILL.md2.0 KB
  • pattern.html3.6 KB

SKILL.md(原文)

安装前可以查看交给 AI 代理的指令内容。

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.

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问,或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

同一仓库的技能

agentic

免费

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

中文简介正在准备中。当前显示原文说明。

WyvernCW/Monich32026年6月20日 更新

ant

免费

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

中文简介正在准备中。当前显示原文说明。

WyvernCW/Monich32026年6月20日 更新

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

中文简介正在准备中。当前显示原文说明。

WyvernCW/Monich32026年6月20日 更新

artistic

免费

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

中文简介正在准备中。当前显示原文说明。

WyvernCW/Monich32026年6月20日 更新

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.

中文简介正在准备中。当前显示原文说明。

WyvernCW/Monich32026年6月20日 更新

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

中文简介正在准备中。当前显示原文说明。

WyvernCW/Monich32026年6月20日 更新

查看 WyvernCW 的全部技能

报告此技能的问题