Info Card Designer

Takes any text or URL and renders it as a high-contrast magazine-style info card in HTML, then screenshots it automatically. It pulls content from Twitter, arXiv papers, WeChat articles, or regular web pages using Jina reader, distills the key points down to 4-6 bullets with a punchy headline, and generates a 600px card with Swiss typography and bold hierarchies. You pick from three visual styles before it renders: classic, magazine, or experimental with extreme type scale. It handles Mermaid flowcharts for causal chains and uses Playwright to capture the final image at 2x resolution. Good for making shareable visuals from long-form content when you want something that looks intentional instead of a plain screenshot.

Install to Claude Code

npx -y skills add joeseesun/info-card-designer --skill info-card-designer --agent claude-code