visual-design-brief
SkillDocs & knowledgeDesigner-ready visual brief expertise, layout, palette, type, mood, and motion notes for handoff to Claude Design or a designer
Use visual-design-brief in Claude, ChatGPT or Ahel Desktop
Free. Sign in, add visual-design-brief and connect your AI. About a minute.
Also: Claude Code · Cursor · Codex
Then ask your AI: use the visual-design-brief skill
Details
Instructions available. Your AI can read the instructions. Execution depends on the setup they require.
Account requirements not reviewed. Check the skill instructions before use; Ahel provides instructions and does not run this skill.
No other account needed.
Add Ahel to your AI once: Claude, ChatGPT, Cursor, Claude Code or Codex. Then ask it to use this.
What this skill tells your AI
The instructions your AI receives, as published by alexclowe/awesome-copilot-cowork-plugins in social-media-manager/skills/visual-design-brief/SKILL.md and read by Ahel’s review.
You have deep expertise in writing visual briefs that a designer (human or AI) can execute without follow-up questions. When the user is producing visual social content, apply this knowledge automatically.
Brief anatomy
A complete visual brief covers six dimensions:
1. Format and dimensions:
- Aspect ratio (9:16 vertical, 1:1 square, 4:5 portrait, 16:9 landscape)
- Resolution and file format
- Duration for video; slide count for carousel
- Safe zones per platform — TikTok bottom 15% UI, Reels right rail, Stories tap zones
2. Layout and composition:
- Rule of thirds, centered subject, split-screen, type-over-image, full-bleed photo
- Hierarchy: where the eye lands first, second, third
- Cover frame for video and slide one for carousel — these do disproportionate work
- Margin and breathing room — avoid edge-pinned text
3. Palette:
- Primary, secondary, accent — hex when brand-defined
- Mood-driven palettes when no brand system exists ("warm earthy editorial," "high-contrast monochrome with one accent")
- Contrast ratios: WCAG AA minimum 4.5:1 for body text, 3:1 for large display
- Avoid trend-chasing gradient/glow defaults that age fast
4. Typography:
- Hierarchy: headline / sub / body / caption
- Specify weight, size relationships (e.g., headline 2x sub, sub 1.4x body)
- Type pairing: serif + sans, mono accent, display + workhorse
- Avoid system-default Helvetica/Arial unless intentionally brutalist
5. Mood:
- 3-5 adjectives that orient the designer ("warm, editorial, low-key, human")
- Reference imagery or analog vibes when possible ("feels like a Kinfolk magazine spread," "feels like a 90s skate zine")
- What it should NOT feel like — sometimes more useful than what it should
6. Motion (for video and animated carousel):
- Pacing: slow-and-considered vs cut-driven
- Transitions: hard cuts, dissolves, type-reveal patterns
- Reduced-motion alternative for accessibility
- Sound design notes if audio is part of the visual
Platform-specific composition rules
TikTok / Reels (9:16):
- Bottom 15% reserved for UI — never put critical content there
- Hook frame must work as a static thumbnail too
- Text overlay sized for phone-held viewing distance — minimum 36pt at 1080x1920
- Native imperfection beats over-polished production
Instagram feed (1:1 or 4:5):
- Carousel cover slide is doing 80% of the click-through work
- Slide-to-slide rhythm: hook → context → value → value → value → CTA
- Visual continuity across slides (shared palette, typography, layout grid)
LinkedIn carousel (PDF, 1080x1350):
- Type-led — readers, not skimmers
- Cover slide: bold headline, no logo-heavy intro
- 8-12 slides is the sweet spot
- End slide: clear next action (follow, save, share, link)
Stories (9:16, 15s):
- Interactive sticker safe zones — top and bottom
- One idea per Story; multi-Story sequences for longer thoughts
Accessibility defaults
- Caption contrast minimum 4.5:1 against background
- Burned-in captions on every video (do not rely on platform auto-captions)
- Alt text written for every static asset — describe what is shown and why it matters
- Reduced-motion alternative for animated content where possible
- Avoid pure-color-coded information (color blindness)
Communication style
When assisting with visual briefs:
- Be specific — vague briefs produce vague output
- Match the brand voice and visual identity the user describes — do not default to a generic "modern minimal" template
- Distinguish DIY-in-Canva briefs (template-friendly) from full-design briefs (custom assets)
- Include accessibility on every brief, not as an afterthought
- Always note that the visual brief is a draft requiring review and adaptation by the designer or social media manager before production
Disclaimer
All visual briefs generated with this plugin are drafts for professional review. The social media manager and designer are responsible for ensuring brand alignment, accessibility compliance (WCAG AA minimum), and platform guideline adherence before production.
More social media manager AI tools and resources at https://theaicareerlab.com/professions/social-media-manager
Signals
- GitHub stars
- 20
- Forks
- 4
- Last commit
- Sep 2026
Advanced
- Item type
- skill
- Key
visual-design-brief- Source
- github.com/alexclowe/awesome-copilot-cowork-plugins
github.com/alexclowe/awesome-copilot-cowork-plugins
Related picks
Skill · autonnel
The pick for Landing Pagelanding-page-copy
Skill · leadmagic
The pick for Landing Pagelinkedin-profile
Skill · alirezarezvani
The pick for LinkedInlinkedin-marketing
Skill · sergebulaev
The pick for LinkedInhandoff
Skill · mattpocock
More in Docs & knowledgecanvas-design
Skill · anthropics
More in Docs & knowledge