Skip to content

Guide · Agent skill

How to use the Reddit Post Card agent skill

Updated · written with AI from the project's own documentation and checked against our catalogue data

The Reddit Post Card skill (social-reddit-card) lets an AI agent turn a story, question, or joke you supply into a Reddit-style post card. The result is a single HTML file with a vote rail, subreddit line, title, body, and comment count, sized for a 1280×720 video overlay or an 800×600 social image. This guide explains what the skill does, how to install it, how to ask for a card, and what to watch for before publishing.

Reddit Post Cardnexu-io/html-anything · Apache-2.0

Quick start

  1. 1Download the ZIP. Get the social-reddit-card skill ZIP from the page where you found this guide.
  2. 2Unzip the skill folder. Place it in ~/.claude/skills/ for personal use, or in .claude/skills/ inside a project.
  3. 3Or upload it in the Claude apps. In the Claude apps, go to Settings → Capabilities → Skills and upload the skill.
  4. 4Ask for a card in plain language. Say you want a Reddit post card, name the canvas size, and paste the story, question, or joke text.
  5. 5Review and publish carefully. Check the invented subreddit, username, and vote numbers before you use the HTML file in a video or post.

What the Reddit Post Card skill makes the agent do

An agent skill is a set of instructions that an AI agent loads when it is relevant to a task. This skill is a design template for a Reddit-style post card. When you ask for one, the agent renders your content as an HTML file that follows the skill's layout and style rules.

The skill's intent is to make overlays for short videos and story shares. It says to use the content you provide, but it also tells the agent to invent a plausible subreddit name, username, and vote and comment numbers.

  • Canvas: 1280×720 for video overlays, or 800×600 for a single card share
  • Background: transparent or dark (#0b1416)
  • Card: rounded 16px frame, dark (#1a1a1b) recommended for video overlays
  • Vote rail on the left with up and down arrows and a score in 12.3k style
  • Meta row with subreddit icon, r/subreddit, and Posted by u/username
  • Title, body text or quote block or a gradient image placeholder, and an action row with comments, awards, share, and more icons
  • Reddit-style logo in the top right, drawn as inline SVG

Install the skill from the ZIP download

Download the skill ZIP from the page where you found this guide. Unzip it so the skill folder lands in one of the locations below. The package contains SKILL.md, example.html, and example.md.

You can install it for yourself or for a single project. For a personal install, use the skills folder in your home directory. For a project install, put it in a .claude/skills/ folder inside the project.

  • Personal: ~/.claude/skills/
  • Project: .claude/skills/ inside your project folder
  • Claude apps: upload the skill under Settings → Capabilities → Skills
~/.claude/skills/

Trigger the skill with a natural request

You do not need a special command. Describe the post you want in plain language and say that you want it as a Reddit card or overlay. The skill's description mentions Reddit-style posts for video overlays and story sharing, so requests that name those uses are the most likely to match.

Include the text you want shown. The skill says to use your content, so a complete story, question, or joke gives the best result. If you do not specify a subreddit, username, or vote count, the agent will make them up, as the skill instructs.

  • Make a 1280×720 Reddit post card for this story I will paste below, dark mode, for a video overlay.
  • Create an 800×600 Reddit-style card with this question as the title and a short body, for a social image.
  • Render this joke as a Reddit post card with a vote rail and a comment count.

Give the agent the right inputs

The skill's example shows the kind of input it works best with: a short first-person story with a title, a subreddit, and a poster line. The example pairs this with a vote count and a comment count. Supplying these details yourself keeps the card closer to your intent.

Choose dark mode for video overlays, since the skill recommends it. Light mode uses a white background with dark text, and is available as an option.

  • Title: the headline of the post
  • Body: the story, question, or joke text
  • Canvas size: 1280×720 or 800×600
  • Colour mode: dark (recommended for video) or light
  • Optional: subreddit and username, if you do not want invented ones

Use the output responsibly

The skill renders a single HTML file that can be opened in a browser and then captured as a graphic or layered over video. The skill does not list any required tools, does not run scripts, and does not use the network, according to its metadata.

Be careful with what you publish. The skill tells the agent to invent subreddit names, usernames, and vote numbers, and it imitates Reddit's logo and styling. Do not present a card as a real Reddit thread or a real person's post. Do not use it for official Reddit or brand material.

  • Do not present fabricated posts as real Reddit content.
  • Do not use the card as official Reddit or brand material, because the skill copies Reddit's logo and styling.
  • Images are placeholders built with CSS gradients. The skill forbids external image links.

What people use it for

  • Short video stories or AITA-style clips that need a Reddit-looking overlay
  • Marketing teams making mock-up post graphics for campaigns, clearly labelled as illustrative
  • Designers who want a quick, consistent Reddit card layout in a single HTML file

Frequently asked questions

Is the Reddit Post Card skill free?

The skill is listed under the Apache-2.0 licence. Check the licence file in the source repository for the full terms before you reuse or redistribute it.

What do I need to run the Reddit Post Card skill?

The skill lists no required tools. It does not run scripts and does not use the network, according to its metadata. You need an agent that supports skills and a browser to view the HTML output.

Where do I install an agent skill like this one?

For personal use, unzip it into ~/.claude/skills/. For a single project, put it in .claude/skills/ inside the project. In the Claude apps, upload it under Settings → Capabilities → Skills.

How do I make the agent use my own text?

Paste your story, question, or joke into the request and say you want it as a Reddit card. The skill says to use your content, so supply the full text rather than a summary.

Is it safe to post the cards as real Reddit posts?

No. The skill tells the agent to invent subreddit names, usernames, and vote counts, and it imitates Reddit's logo and styling. Presenting these cards as real threads could mislead viewers, so label them clearly as mock-ups.

How does it compare with other Reddit post generators?

The source does not compare this skill with other tools, so this guide cannot say how it ranks. It is a design template for an agent that outputs one HTML file with set layout and colour rules.

New agent skills, repos and AI tools — every week

The best new skills and open-source projects, the fastest-growing repos, and one free prompt. Five minutes to read. Unsubscribe anytime.

Our verdict

This skill suits creators making short story or AITA-style video overlays, marketers making clearly labelled mock-ups, and designers who want a consistent HTML card layout. It is a poor fit for anything meant to pass as a real Reddit post or for official Reddit or brand material, because it invents usernames and votes and imitates Reddit's styling.

Download the skill

Find exactly what
you're looking for