skills.rest
geekjourneyxgeekjourneyxCommunity·1 Agent Skills Included

claude-design-card

Turn text and URLs into publish-ready design cards

Converts articles, web pages, and raw text into polished PNG cards for social covers, shareable quotes, and long-form editorial layouts. Applies one consistent warm design system across 14 formats, eliminating manual layout work and mismatched styling. Handles content extraction, format selection, HTML generation, and pixel-accurate screenshots automatically.
458|47
↗
npx skills add geekjourneyx/claude-design-card --all -g -y

All Skills in This Repository (1)

Pure Emerald Level Indicators
📦 In Repo
geekjourneyxgeekjourneyx

claude-design-card

Generate HTML cards from text, web pages, or URLs with Playwright screenshots.

Community
Advanced

Frequently Asked Questions

FAQPage Schema
How to install claude-design-card?▼

Run `npx skills add geekjourneyx/claude-design-card --all -g -y` in your terminal to install it globally.

What can claude-design-card create?▼

It generates 14 card formats including platform covers for WeChat, Bilibili, YouTube, and TikTok, plus quote cards, data cards, and long-form editorial layouts, all exported as PNG images.

Can it turn a web article into a shareable card?▼

Yes. Paste a URL and it fetches the content, extracts the key points without inventing facts, picks a suitable format, and outputs a finished card image.

Does it work with Claude Code and other agents?▼

Yes. It follows the standard SKILL.md format, so any compatible agent can trigger it from plain-language requests like asking for a cover image or quote card.

Do I need design skills to use it?▼

No. The skill enforces a fixed design system with preset colors, fonts, and layout rules, so every output looks consistent and professional automatically.

Related Repositories in Design & Creative

View All in Design & Creative→
nextlevelbuildernextlevelbuilder
123.5k

ui-ux-pro-max-skill

AI design intelligence for professional UI, brands, and presentations

Official📦 13 Skills
shadcn-uishadcn-ui
122.7k

ui

Build and customize beautiful React component libraries with AI

Official📦 2 Skills
nexu-ionexu-io
93.2k

open-design

Open-source AI design studio for decks, prototypes, images, and video

Official📦 394 Skills