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

social-card-swiss

Swiss 网格 / 系统派社交卡 — 精确 / 系统化 / 技术感 / 方法论调性。卡角色含 system 封面 / numbered method / 对比 before-after / KPI tower / 横条 mini-chart / 截图解释 / 证据墙 / 收尾 checklist。

用于 framework / checklist / 工具说明 / AI workflow / 产品更新 / KPI 总结。触发:"做个方法卡 / 框架卡 / 工具拆解卡 / AI 工具卡 / 系统派结构卡"。NOT 情绪 / 文学 / 图主导卡,NOT 软生活 pastel 风。

インストール方法を見る

含まれるファイル(16)

  • SKILL.md2.5 KB
  • assets/magazine-bg-webgl.js6.1 KB
  • assets/screenshot-backgrounds/style-b/ikb-dot-gradient.webp376.7 KB
  • assets/screenshot-backgrounds/style-b/lemon-green-dot-shadow.webp141.7 KB
  • assets/screenshot-backgrounds/style-b/lemon-grid.webp64.0 KB
  • assets/screenshot-backgrounds/style-b/safety-orange-halftone.webp249.1 KB
  • pattern.html29.6 KB
  • references/image-overlay.md9.4 KB
  • references/layout-recipes.md34.6 KB
  • references/map-component.md7.5 KB
  • references/platform-specs.md3.1 KB
  • references/portrait-fill.md2.6 KB
  • references/screenshot-treatment.md9.9 KB
  • references/style-system.md11.4 KB
  • references/theme-presets.md4.9 KB
  • references/title-shortener.md6.8 KB

SKILL.md(原文)

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

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.

レビュー

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

同じリポジトリのスキル

概要と使いどころ

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

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