svg-banner-designer-acrazie

Installation
SKILL.md

SVG Banner Designer / Acrazie

Design distinctive, clean vector SVG banners and social preview cards tailored to their platform and audience. Deliver clean native vector markup, not raster art, with proper typography, visual hierarchy, and safe zone compliance.

1. Intake

Identify core constraints before designing. Ask only unanswered questions that directly shape composition:

  • Target platform & aspect ratio: GitHub README, Open Graph card, X/Twitter header, LinkedIn banner, YouTube banner, or blog hero. Read references/presets.md for standard dimensions and safe zones.
  • Content & Text Minimalism: Default strictly to essential branding (Brand Name / Wordmark only, or at most a single short micro-tagline). Do not treat banners as infographics: avoid multi-line body paragraphs, marketing bullet points, feature lists, or decorative telemetry clutter unless explicitly requested.
  • Visual tone: Minimalist modern, high-contrast geometric, editorial, or quiet tech. Prioritize breathing room over decorative density.
  • Brand palette: When the user requests the signature Acrazie retro-tech language or orange-to-violet palette, read references/visual-identity.md.

Progress swiftly: if constraints are already provided in the prompt, proceed immediately to concepts.

2. Concept phase

Unless the user requests immediate production or provides a locked layout, present 2 to 3 distinct visual directions using compact BannerDraft notation. Read references/banner-draft.md for draft structure, wireframe rules, and anti-pattern guidelines.

Installs
17
Repository
acrazie/skills
First Seen
Sep 16, 2026