本文へ移動
cccskills
無料GitHub で公開

social-card-quote

一句话主导的社交卡 — 论点 / 引言 / 原则 / 关键问句 / 一句话洞察占满版心,配 source / 章节标签 / 边注 / 三个锚点。必须按语义断行(不靠自动 wrap),至少一个锚点防止 floating。触发:"做个引言卡 / 论点卡 / 金句卡 / 原则卡 / hero 问句卡"。

NOT 长段落伪装成引言,NOT 空洞鸡汤口号,NOT 居中文字无任何锚点结构。

インストール方法を見る

含まれるファイル(2)

  • SKILL.md2.0 KB
  • pattern.html2.4 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Social Card Quote / Thesis Template

Use when the page should carry one strong sentence, question, principle, or conclusion.

Core Rule

The quote is the page. Do not bury it under decorations or explainers.

Structure Options

  • thesis sentence + source/context row
  • hero question + short prompt
  • quote + marginal note
  • one-line principle + 3 tiny anchors
  • section divider with large title

Must Do

  • Break lines semantically, not by random wrapping.
  • Provide at least one anchor: date, section label, source, note, or footer marker.
  • Keep whitespace intentional.
  • Use reference/title-and-breaking.md for Chinese line breaks.

Avoid

  • Long paragraphs disguised as quotes.
  • Empty motivational slogans.
  • Centered text with no anchoring structure.
  • Overusing quote marks when the sentence is not a quote.

Related Pattern

Use social-card-editorial as the closest pattern if a visual reference is needed.

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.

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

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 のスキルをすべて見る

このスキルの問題を報告する