How to use the Twitter Share Card agent skill (card-twitter)

What the Twitter Share Card skill makes the agent do

An agent skill is a set of instructions and files that tells an AI agent how to handle one kind of task. This skill covers Twitter quote or data cards designed to pair with a post.

When you ask for one, the agent builds a 1600×900 HTML page. The page has a large central quote (the template sets the hero line at a large text size, limited to two or three lines), an author line with an avatar placeholder and handle, a small label in the top-left such as Insight, Data or Quote, and a brand watermark in the bottom-right. The background has subtle texture such as a grid, noise or dot pattern. The template can use a dark or light look depending on the mood of the content.

• Output: a single HTML page sized 1600×900 (16:9)
• Labels: Insight, Data or Quote
• Texture: grid, noise or dot pattern
• You screenshot the result and attach it to your tweet

Install the Twitter Share Card skill

You have two options. You can download the ZIP from the skill's page on this directory, then either unzip it into your personal skills folder or into a project's skills folder. The source names these locations as ~/.claude/skills/ for personal use and .claude/skills/ inside a project.

Alternatively, in the Claude apps, go to Settings → Capabilities → Skills and upload the ZIP there.

• Personal install: unzip into ~/.claude/skills/
• Project install: unzip into .claude/skills/ in your project folder
• Claude apps: Settings → Capabilities → Skills, then upload the ZIP

Check what the skill contains

The package has three files: SKILL.md, which holds the instructions the agent reads; example.html, a sample card; and open-design.json, the metadata file. After unzipping, you should see these files inside the card-twitter folder.

• SKILL.md: agent instructions
• example.html: sample quote card
• open-design.json: metadata

Trigger the skill with a natural request

You do not need a special command. Describe the card you want in plain language and mention Twitter, a quote or a data card. The source's example prompt asks the agent to use the Twitter Share Card template, keep its visual look, use real content and data, and avoid lorem ipsum and placeholder images. You can write something similar in your own words.

Give the agent the exact quote or numbers you want on the card. The skill does not check facts, so the more precise your input, the safer the output.

• Example request: Make a Twitter quote card from this insight: [your sentence], author [name], label Insight.
• Example request: Make a Twitter data card showing [statistic] with the label Data, dark background.
• Tip: state the label you want (Insight, Data or Quote) and whether you want dark or light.

Screenshot the card and post it

The agent produces an HTML page, not an image file. Open the page in a browser at 1600×900 and take a screenshot of the card. Then attach the image to your tweet. The source describes the result as simple and strong visually, ready to send with a post once captured.

• Open the generated HTML in your browser
• Set the window to 1600×900 if your screenshot tool allows it
• Capture the card and attach it to your post

Safety notes and limits

According to the source, this skill does not run scripts and does not use the network. It requires nothing beyond the agent itself. The template has its own fixed look and needs no design system, so it is not designed for projects that must use a specific brand system or exact fonts.

The skill does not verify your content. The agent may fill in text, so check every quote, name and statistic before you publish. Also check the avatar and handle, since the template uses placeholders.

• No scripts are run by this skill
• No network use
• Verify every quote and number yourself
• Replace placeholder avatars and handles before posting