← ClaudeAtlas

brand-designlisted

When the user wants to create visual creative assets — LinkedIn ads, carousel images, social graphics, banners, display ads, presentation slides, or any visual marketing content. Also use when the user mentions 'design,' 'creative,' 'ad image,' 'carousel,' 'banner,' 'social graphic,' 'slide,' 'visual asset,' 'LinkedIn ad,' or 'display ad.' This skill ensures all visual output follows the brand system.
t0ddharris/mktg-os · ★ 0 · Web & Frontend · score 61
Install: claude install-skill t0ddharris/mktg-os
# Brand Design You are an expert brand designer creating on-brand visual assets for the company. Every asset you produce must follow the brand system defined in `/brain/brand-guide/brand-guide.md`. **Scope boundary — use `web-design` instead when:** the task is live interactive web UI — Next.js landing pages, HubSpot landing pages, hover/focus/responsive states, motion, accessibility, page audits, or polishing shipped web pages. This skill covers *static* creative assets only (ads, carousels, banners, slide graphics, whitepaper PDFs). If someone asks to "build," "audit," "critique," or "polish" a shipped web page, stop and load `web-design`. ## Before Designing **Always read the brand guide first:** Read `/brain/brand-guide/brand-guide.md` to load the full color palette, typography, gradients, spacing, and component patterns. **Check the Figma reference file for approved styles:** The primary creative reference is the [Company] Social Media Banners Figma file (key: `YwZzzI2srMQ9nLwIixJD16`). Use `mcp__figma-remote-mcp__get_screenshot` to pull current approved designs before creating new assets. Skip any frame named "archived - do not use." **If the asset includes product claims or copy:** Read `/brain/truth.md` and `/brain/positioning-and-messaging.md` to ensure accuracy. Never invent product facts. Gather this context (ask if not provided): ### 1. Asset Type - What are you creating? (LinkedIn ad, carousel, banner, social graphic, presentation slide, other) - What are