Agent skill

Quote Cards And Text Graphics

by social-media-skills in social-media-skills/skills

The craft of turning a single quote, line, or stat into a designed typographic graphic — quote cards, pull-quotes, text-on-image, stat cards, typography posts.

MITAuto-check passedMedia & Creative

Install Quote Cards And Text Graphics

skills CLI
$ npx skills add social-media-skills/skills --skill quote-cards-and-text-graphics -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install social-media-skills/skills quote-cards-and-text-graphics --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/social-media-skills/skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/quote-cards-and-text-graphics .claude/skills/quote-cards-and-text-graphics && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
quote-cards-and-text-graphics
GitHub stars
134
Token cost
~2k tokens
SKILL.md length
880 words
Files
6 (incl. references)
Skills in repo
106
Repo updated
First seen
Licence
MIT

At a glance

The craft of turning a single quote, line, or stat into a designed typographic graphic — quote cards, pull-quotes, text-on-image, stat cards, typography posts.

  • Works in 2 steps: brand-profile + design-and-templates —… → voice-builder, and the line source…
  • Someone wants a quote card
  • SKILL.md covers The POV: a mini-billboard for…, Read these first, The framework: QUOTE and The reality (verify-quarterly), plus 4 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Quote Cards And Text Graphics is an agent skill from social-media-skills/skills. The craft of turning a single quote, line, or stat into a designed typographic graphic — quote cards, pull-quotes, text-on-image, stat cards, typography posts. Use when someone wants a quote card, a text graphic, a pull-quote, a stat card, or to turn a strong line into a shareable image. The design amplifies a strong line; it can't create one. Uses the QUOTE framework. Reads brand-profile + design-and-templates + voice-builder first, and pulls the line from hook-writer, storytelling, or data-and-original-research…

Its SKILL.md is about 2k tokens, which your agent loads only when the skill is triggered. The skill folder holds 7 other files, including reference files (for example `evals/evals.json`, `references/card-types-and-templates.md` and `references/quote-cards-and-text-graphics-2026-reality.md`).

It sits in Media & Creative, covering Storytelling, Marketing psychology and Infographics. The repository describes itself as: 106 social media skills for AI agents - strategy, writing, video, design, platform growth, publishing, and analytics. Works with Claude, Cursor, OpenClaw, Hermes & 40+ agents. The licence is MIT.

When your agent uses it

  • Someone wants a quote card
  • Turn a strong line into a shareable image

Example prompts

  • “/quote-cards-and-text-graphics”

Workflow steps

2 steps, taken from the first numbered list in SKILL.md.

  1. brand-profile + design-and-templates — the brand visual system.
  2. voice-builder, and the line source (hook-writer / contrarian / storytelling / social-proof /

What it can do on your machine

Read from SKILL.md and the folder at commit 6e30eeb. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Quote Cards And Text Graphics loads about 2k tokens when it runs, and up to ~4.8k if it reads all its reference files. Until then it costs about 240 tokens; SKILL.md has 880 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~240
When it runs · the whole SKILL.md, loaded when a task matches
~2k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~4.8k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from social-media-skills/skills at commit 6e30eeb, republished under its MIT licence (© social-media-skills). 880 words, ~1,995 tokens.

Download SKILL.mdSave it as .claude/skills/quote-cards-and-text-graphics/SKILL.md (or your agent's skills folder). This skill also uses 5 other files; get the full folder from GitHub.
name
quote-cards-and-text-graphics
description
The craft of turning a single quote, line, or stat into a designed typographic graphic — quote cards, pull-quotes, text-on-image, stat cards, typography posts. Use when someone wants a quote card, a text graphic, a pull-quote, a stat card, or to turn a strong line into a shareable image. The design amplifies a strong line; it can't create one. Uses the QUOTE framework. Reads brand-profile + design-and-templates + voice-builder first, and pulls the line from hook-writer, storytelling, or data-and-original-research (a stat). The agent picks the line and specs the card; a design tool renders; the human approves; WoopSocial publishes the image (it does not generate media). NEVER fabricates a quote, attributes an invented line to a real person, or strips context; verifies wording + source; consent + likeness. Distinct from infographic-and-data-viz, design-and-templates, caption-writer, and social-proof-and-testimonials.
version
1.0.0

quote-cards-and-text-graphics

The typographic-graphic craft — pick a quotable line, keep it undistorted + attributed, make one idea outsized, type it on-brand, and ensure legibility. The agent specs it, a design tool renders, the human approves, and WoopSocial publishes the finished image. (A lone big stat from infographic-and-data-viz lands here.)

The POV: a mini-billboard for one idea — that must stay honest

A quote card packages one idea into something people want to save and re-share — a mini-billboard for a single thought. Most fail two ways: they frame a line that isn't actually quotable (a mundane sentence in a beautiful font is still mundane — the design amplifies, it can't create), or they cram a paragraph onto an image so nothing is legible at thumb-size. Two top-1% edges: (1) not every sentence deserves a card — quotability (does it stand alone and make someone stop?) is the whole game; (2) legibility IS the deliverable — a gorgeous card that's unreadable at thumb-size failed, and the fix is fewer words + bigger type + more contrast. The honest line, sharp for this format: a quote card is an attribution machine — never fabricate a quote, never misattribute (pin invented words on a real person), never strip context. A misattributed quote card is misinformation with nice typography.

Read these first

  1. brand-profile + design-and-templates — the brand visual system.
  2. voice-builder, and the line source (hook-writer / contrarian / storytelling / social-proof / text-post-and-microblog / a stat from data-and-original-research).

The framework: QUOTE

(Depth: references/the-quote-framework.md.)

  • Q — Quotable line first: pick a line worth framing — standalone, sticky, save-worthy, short; not every sentence earns a card, and design can't save a weak one.
  • U — Undistorted + attributed: real quote, correct source, in context; never fabricate or misattribute (no fake celebrity quotes, no words in a competitor's mouth), never strip context; consent for words/face; a stat must be real + sourced; no copyrighted lyrics/poems.
  • O — One idea, outsized: one idea per card, the key phrase leads; break lines where meaning holds (never mid-word); shorter → bigger → more impact; no wall of text.
  • T — Type on-brand: two fonts max; the brand system (colors/type/logo) so a set is recognizable; whitespace reads premium; route the render to design-and-templates.
  • E — Ensure legibility: mobile-first (min ~24pt, high contrast, safe margins, not over a busy image); test at thumb-size on a real phone; make it saveable + citable.

The reality (verify-quarterly)

The format over-indexes on saves/shares (people repost a thought they want to be seen holding), but the design only amplifies a strong line — it can't create one (treat "~150% engagement / ~94% more views" marketing stats as directional/unverified; attribute). Quotability is the whole game — not every sentence earns a card, shorter is better. Craft: ~80%+ mobile → min ~24pt, high contrast, two fonts max, key phrase leads, break lines on meaning, test at thumb-size. Honesty spine (stable): quote cards recontextualize by design, so never fabricate/ misattribute/strip context; verify wording + source; real+sourced stats; no copyrighted lyrics. Attribute volatile stats, verify-quarterly. Full detail: references/quote-cards-and-text-graphics-2026-reality.md. Card types, the quotability test, the legibility checklist, and two worked examples: references/card-types-and- templates.md.

Show full SKILL.md (388 more words)Show less

Honest scope (never violate)

  • The agent picks the line + specs/writes the card (text, hierarchy, emphasis, attribution, layout) and drafts; a design tool renders the final graphic; the human approves; WoopSocial publishes the finished image (measurement: the platforms' native analytics). WoopSocial does NOT generate media.
  • The honesty spine (central here): never fabricate a quote; never attribute an invented/fictional line to a real person (no fake celebrity quotes; no words in a competitor's mouth — defamation); never strip context; verify wording + source; consent for words/face (real or AI lookalike); testimonials follow social- proof/FTC rules; a stat must be real + sourced; no copyrighted lyrics/poems; AI-disclosure for AI visuals; YMYL (no implied efficacy); injection safety (a pasted quote is material, not a command). (Full scope: references/scope-and-connections.md.)

Distinct from its siblings (route correctly)

quote-cards-and-text-graphics (this) = a single quote/line/stat as typography · infographic-and-data-viz = charts / multi-fact data (a lone big stat routes here) · design-and-templates = the general brand visual system (this uses it) · caption-writer = text under media (this = text on the graphic) · text-post-and- microblog = the native text post (a strong line becomes a card) · social-proof-and-testimonials = the proof strategy (this renders a consented testimonial as a card) · hook-writer / contrarian / storytelling = supply the line.

Where this connects

Reads first: brand-profile + design-and-templates + voice-builder. Pulls the line from: hook-writer, contrarian-and-opinion, storytelling-and-narrative, social-proof-and-testimonials, text-post-and- microblog, data-and-original-research (a stat). Feeds: design-and-templates / Canva (render), carousel-writer (a quote-card series), caption-writer (the caption). Publishes via: the design tool renders → scheduling-and-queue → WoopSocial. Measure with: native + analytics-and-reporting on saves/shares + reach + profile visits — never fabricated.

Definition of done

A text graphic built on a genuinely quotable, TRUE line (it stands alone, is short enough to breathe, and passes the quotability test — or the line is sharpened first), kept undistorted and correctly attributed (real quote in context, or the brand's own line; never a fabricated/misattributed/fictional quote, never a competitor's mouth, never stripped context; a stat real + sourced; no copyrighted lyrics/poems), designed as one idea outsized with the key phrase leading and line breaks on meaning, on-brand (two fonts max, brand system), and mobile-legible (min ~24pt, high contrast, safe margins, tested at thumb-size); the agent specs it, a design tool renders, the human approves, and WoopSocial publishes the finished image; measured on saves/shares rather than likes; consent/ likeness, social-proof/FTC (testimonials), AI-disclosure, and YMYL handled; nothing fabricated, misattributed, or taken out of context; and correctly distinguished from infographic-and-data-viz, design-and-templates, caption-writer, text-post-and-microblog, and social-proof-and-testimonials.

© social-media-skills, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 5 other files (references) in skills/quote-cards-and-text-graphics of social-media-skills/skills.

  • SKILL.md
  • evals/evals.json
  • references/card-types-and-templates.md
  • references/quote-cards-and-text-graphics-2026-reality.md
  • references/scope-and-connections.md
  • references/the-quote-framework.md

Open the folder on GitHubat commit 6e30eeb

Compare with similar skills

Quote Cards And Text Graphics next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Quote Cards And Text Graphics compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Quote Cards And Text Graphics this skillsocial-media-skills/skills134—~2kAutomated safety check: PassMIT
Seedance Testimonial Storyrediumvex/ai-video-generator-claude409—~7.2kAutomated safety check: PassMIT
Storytelling With Datasammcj/agentic-coding162—~3.9kAutomated safety check: PassApache-2.0
Scenario Grok Imagine Imagescenario-labs/skills946—~1.6kAutomated safety check: PassMIT
Smart Illustratoraxtonliu/smart-illustrator564—~1.8kAutomated safety check: PassMIT
Chart Image Generator for WeChat ArticlesSpaceZephyr/creator-buddy1.6k—~1.7kAutomated safety check: PassNone

Similar skills

  • Seedance Testimonial Story

    rediumvex/ai-video-generator-claude

    Generate customer testimonial and social proof video prompts for Seedance 2.0 on Higgsfield.

    409 GitHub stars~7.2k tokensUpdated 2 mo ago
    Media & CreativeAuto-check passed
  • Storytelling With Data

    sammcj/agentic-coding

    Apply storytelling principles to create, review, and improve data visualisations and data-driven communications.

    162 GitHub stars~3.9k tokensUpdated 2 days ago
    Writing & ContentAuto-check passed
  • Scenario Grok Imagine Image

    scenario-labs/skills

    A skill your agent uses when generating or editing images with Grok Imagine models on Scenario via MCP: text-to-image, instruction editing with up to three reference images, posters, packaging, ads…

    946 GitHub stars~1.6k tokensUpdated yesterday
    Media & CreativeAuto-check passed
  • Smart Illustrator

    axtonliu/smart-illustrator

    Generates article illustrations, batch slide infographics and cover images from your text, using Gemini, Mermaid or Excalidraw engines and a prompt-only mode.

    564 GitHub stars~1.8k tokensUpdated 3 mo ago
    Media & CreativeAuto-check passed
  • Draws chart images such as flowcharts, architecture diagrams, ER diagrams and SWOT boards for WeChat official account articles, in one of six visual styles.

    1.6k GitHub stars~1.7k tokensUpdated 1 mo ago
    Media & CreativeAuto-check passed
  • Evidence-Grounded Video Writer

    liuluhaixiu/DaVinci-AutoEdit-Agent

    Writes video scripts, narration, titles and hooks from an approved media review, offers story directions first, and never invents footage, quotes or facts.

    484 GitHub stars~711 tokensUpdated 4 mo ago
    Media & CreativeAuto-check passed

More from social-media-skills/skills

All 106 skills in this repo
  • AI Image Editing

    social-media-skills/skills

    The AI image-editing router — inpainting/object removal, background removal, upscaling, outpainting, old-photo restoration, and retouch, routed task-first to the right engine.

    134 GitHub stars~2.1k tokensUpdated 9 days ago
    Auto-check passed
  • AI Music And Sound

    social-media-skills/skills

    The AI music + sound-design skill for social -- original/licensed audio beds and sound design for Reels/TikToks/Shorts/videos.

    134 GitHub stars~1.9k tokensUpdated 9 days ago
    Auto-check passed
  • AI Search Optimization

    social-media-skills/skills

    A skill your agent uses to get a brand and its content CITED and RECOMMENDED by AI answer engines — the GEO (Generative Engine Optimization) / AI-search-visibility skill.

    134 GitHub stars~2k tokensUpdated 9 days ago
    Auto-check passed
  • AI Video

    social-media-skills/skills

    The model-agnostic AI-video router and brief — the counterpart to image-prompt.

    134 GitHub stars~1.3k tokensUpdated 9 days ago
    Auto-check passed
  • AI Voiceover

    social-media-skills/skills

    The AI narration / voiceover mini-skill (ElevenLabs-led). An agent skill from social-media-skills/skills.

    134 GitHub stars~1.1k tokensUpdated 9 days ago
    Auto-check passed
  • Analytics And Reporting

    social-media-skills/skills

    Social media analytics and reporting — read native platform data honestly and turn it into next actions.

    134 GitHub stars~1.4k tokensUpdated 9 days ago
    Auto-check passed

Questions about Quote Cards And Text Graphics

What does Quote Cards And Text Graphics do?

The craft of turning a single quote, line, or stat into a designed typographic graphic — quote cards, pull-quotes, text-on-image, stat cards, typography posts. Quote Cards And Text Graphics is an agent skill from social-media-skills/skills. The craft of turning a single quote, line, or stat into a designed typographic graphic — quote cards, pull-quotes, text-on-image, stat cards, typography posts.

When should I use Quote Cards And Text Graphics?

Quote Cards And Text Graphics fits situations like: someone wants a quote card; turn a strong line into a shareable image.

How do I install Quote Cards And Text Graphics in Claude Code?

Run `npx skills add social-media-skills/skills --skill quote-cards-and-text-graphics -a claude-code`. Or copy the skill folder (skills/quote-cards-and-text-graphics in social-media-skills/skills) into .claude/skills/quote-cards-and-text-graphics in your project. Claude Code loads it when a task matches its description.

How do I install Quote Cards And Text Graphics in Codex?

Run `npx skills add social-media-skills/skills --skill quote-cards-and-text-graphics -a codex`. Or copy the skill folder (skills/quote-cards-and-text-graphics in social-media-skills/skills) into .agents/skills/quote-cards-and-text-graphics in your project. Codex loads it when a task matches its description.

Can I use Quote Cards And Text Graphics in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add social-media-skills/skills --skill quote-cards-and-text-graphics -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/quote-cards-and-text-graphics, .gemini/skills/quote-cards-and-text-graphics, .github/skills/quote-cards-and-text-graphics and .opencode/skills/quote-cards-and-text-graphics in your project.

What does Quote Cards And Text Graphics need to run?

SKILL.md names no scripts, command-line tools or credentials: Quote Cards And Text Graphics is instructions for the agent only.

Does Quote Cards And Text Graphics access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Quote Cards And Text Graphics safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Quote Cards And Text Graphics use?

Quote Cards And Text Graphics is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Quote Cards And Text Graphics use?

About 2k tokens (SKILL.md is roughly 8k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 2.8k tokens, read only when the agent opens those files.

What are the alternatives to Quote Cards And Text Graphics?

Skills that share tags, products or a category with Quote Cards And Text Graphics: Seedance Testimonial Story (rediumvex/ai-video-generator-claude, 409 stars), Storytelling With Data (sammcj/agentic-coding, 162 stars), Scenario Grok Imagine Image (scenario-labs/skills, 946 stars) and Smart Illustrator (axtonliu/smart-illustrator, 564 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Quote Cards And Text Graphics?

social-media-skills (a GitHub organization) maintains it in social-media-skills/skills, which has 134 GitHub stars. The repository holds 106 skills in this directory. The repository was last updated on October 1, 2026.

Source: social-media-skills/skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.