claude-design-card
CommunityCreate professional design cards in various formats with Claude/Anthropic design standards.
Authorgeekjourneyx
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill allows users to convert text, web pages, or URLs into beautifully designed cards that adhere to Claude/Anthropic design standards, streamlining the process of creating visually appealing content for various platforms.
Core Features & Use Cases
- Design Card Generation: Converts text, web pages, or URLs into professional design cards for platforms such as WeChat, Weibo, Douyin, and more.
- Custom Formats: Supports 14 different card formats, each with a unique aesthetic standard.
- Design System Compliance: Ensures all cards are consistent with Claude/Anthropic's design system, including color schemes, typography, and layout.
- Use Case: A user can generate a WeChat article cover, a Douyin full-screen vertical cover, or a long-form article layout card in seconds.
Quick Start
Use the claude-design-card skill to generate a WeChat article cover with dimensions 900x383 by providing the input HTML file 'article.html'.
Dependency Matrix
Required Modules
playwright
Components
scriptsreferencesassets
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: claude-design-card Download link: https://github.com/geekjourneyx/claude-design-card/archive/main.zip#claude-design-card Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.