What problem does it solve? Adding a new integration card to the Smello docs landing page requires hunting down a brand logo, converting it to a white SVG that works on the dark background, and wiring it into the MkDocs Material template. This Skill codifies that workflow so icons are sourced, prepared, and placed consistently. ## Core Features & Use Cases - Logo sourcing hierarchy: Tries Simple Icons CDN first, then Devicon, then hand-written SVG path data, then the Google Favicon API as a PNG fallback. - SVG preparation rules: Enforces white fill (fill="#ffffff"), SVG format preference, and cleanup of conflicting fill attributes for the dark #2A2A2E background. - Landing page integration: Adds integration cards to the .integrations-grid div in docs/overrides/home.html and previews changes via mkdocs serve. - Use Case: When adding a Stripe integration card, download the white SVG from the Simple Icons CDN, save it to docs/assets/logos/stripe.svg, add the card markup, and verify it in the local docs server. ## Quick Start Add a new integration card for Stripe to the landing page, including finding and preparing its logo.
