article-cover
Article Cover SVG Generation
Generate professional, visually striking article cover images in SVG format for technical blogs, documentation, and articles.
Critical Rules
-
ViewBox Standard: Use
viewBox="0 0 1200 630"(social media friendly 1.91:1 ratio) -
Text Readability (MUST follow):
- Main title: 44-48px, bold, high contrast
- Subtitle: 28-32px, white or light color
- Labels/tags: 14-16px
- Never use fonts smaller than 11px
-
Background Design:
- Always use gradient backgrounds (avoid flat solid colors)
- Dark tech themes:
#0d1117→#161b22(GitHub dark style) - Add subtle grid patterns or decorative elements for depth
More from acking-you/myclaude-skills
excalidraw
Generate hand-drawn style diagrams (architecture, flowcharts, system design) as .excalidraw.json files. Use when user wants diagrams, mentions Excalidraw, or needs Mermaid-to-visual conversion.
14tech-design-doc
Generate technical design documents with proper structure, diagrams, and implementation details. Default language is English unless user requests Chinese.
11gen-commit-msg
Generate concise commit messages based on conversation context and minimal git inspection.
9git-squash-commits
Squash multiple git commits into a single commit with an auto-generated comprehensive commit message based on the changes made.
9gemini-image
Generate images using AI when user wants to create pictures, draw, paint, or generate artwork. Supports text-to-image and image-to-image generation.
8tech-blog
>-
8