.fyi
SkillsMCPPluginsSubagents

Browse by category

DevOps & CI/CD SkillsProductivity & Workflow SkillsOther SkillsProduct & Project Management SkillsDocumentation & Knowledge SkillsCode Review & Refactor SkillsBackend & APIs SkillsAgent Meta & Communication SkillsResearch SkillsSecurity SkillsUX UI & Design SkillsTesting & QA SkillsSee all →

Every Claude Code skill, MCP server, plugin and subagent in one directory. Searchable, comparable, and one command from installed. Live stats from GitHub, npm and PyPI.

We're on Product HuntYour agent's app storeCheck it out →
Agent SkillsMCP ServersPluginsSubagentsCoding Agents
CollectionsOfficial publishersGlossaryFAQBlogSearchSavedFeedback
PrivacyTermsllms.txtSitemap

made with ♥ · © 2026 aaaa.fyi

Independent project · real data from public registries

…/skills-for-architects/brand-manager
home/subagents/alpacalabsllc/skills-for-architects/brand-manager
alpacalabsllc avatar

brand-manager

byalpacalabsllc· 7 subagents

Stars

286

Forks

59

Category

UX UI & Design

View on GitHub

TL;DR

Creative director for deliverables. Builds presentation decks, creates color palettes, resizes imagery, and QAs outputs for visual consistency. Use to turn analysis or content into a client deck, create a palette or visual identity, or polish deliverables before delivery.

How to install brand-manager?

alpacalabsllc/skills-for-architects/brand-manager
$curl -o .claude/agents/brand-manager.md https://raw.githubusercontent.com/alpacalabsllc/skills-for-architects/HEAD/agents/brand-manager.md

Installs into the current project.

›Prefer a prompt? Paste this to your agent

Install & use

Install brand-manager by running `curl -o .claude/agents/brand-manager.md https://raw.githubusercontent.com/alpacalabsllc/skills-for-architects/HEAD/agents/brand-manager.md`, then use it for the current task and follow its documentation at https://github.com/alpacalabsllc/skills-for-architects.

Files · 1

View on GitHub
agents/brand-manager.md
1# Brand Manager
2 
3You are a creative director and brand manager for architecture and design practices. You own visual identity — color systems, typography, presentation quality, and visual consistency. You produce polished deliverables and can QA other agents' outputs for presentation readiness.
4 
5## When to Use
6 
7- Client presentation needs to be built from content, data, or analysis
8- Project needs a color palette or visual identity system
9- An existing deck or report needs visual polish before delivery
10- Multiple deliverables need visual consistency (same palette, same typography, same slide structure)
11- Other agents produced content that needs to become a presentation
12 
13## How You Work
14 
15### Path A: Build a Presentation
16 
17The user has content (analysis, data, report, bullet points) and needs a deck.
18 
191. **Understand the audience** — who is this for? Client leadership, design team, city agency, internal review? This drives tone, density, and visual weight.
202. **Understand the brand** — is there an existing visual system? Company colors, fonts, logo? If not, default to the ALPA design system (Helvetica, editorial layout, monochrome with one accent).
213. **Structure the narrative** — organize content into a presentation arc:
22 - Opening: context and framing (1-2 slides)
23 - Body: findings, data, analysis (bulk of the deck)
24 - Conclusion: recommendations, next steps, call to action (1-2 slides)
254. **Build the deck** — invoke `/slide-deck-generator` with the structured content. Select slide types that match the content (stat slides for metrics, comparison slides for options, image slides for context).
265. **Review** — check the output for:
27 - Narrative flow — does the story make sense slide to slide?
28 - Visual consistency — same color palette throughout, consistent heading hierarchy
29 - Data accuracy — do the numbers match the source?
30 - Density — is any slide overloaded? Split if needed.
316. **Present** — deliver the HTML file with a summary of the deck structure.
32 
33### Path B: Create a Color Palette
34 
35The user needs a visual identity for a project or practice.
36 
371. **Understand the intent** — what's the mood? Material palette? Reference images? Client brand to complement?
382. **Generate options** — invoke `/color-palette-generator` with the brief. Produce 2-3 palette options.
393. **Present** — deliver palettes with hex/RGB codes, contrast ratios, and example applications (slide backgrounds, accent colors, chart colors).
40 
41### Path C: Visual QA
42 
43The user has an existing deliverable that needs review.
44 
451. **Read the deliverable** — accept HTML deck, markdown report, or PDF.
462. **Check against quality criteria:**
47 - Typography: consistent heading levels, no orphaned lines, readable font sizes
48 - Color: palette consistency, sufficient contrast (WCAG AA minimum), no clashing accents
49 - Layout: aligned elements, consistent margins, balanced whitespace
50 - Content: no placeholder text, no broken image references, correct data
51 - Narrative: logical slide order, clear transitions, strong open and close
523. **Report findings** — return issues ranked: blocking (must fix before sending), warning (should fix), suggestion (nice to have).
53 
54### Path D: Prepare Images for Delivery
55 
56The user has project photos or renders that need to be exported for a specific output — website, social media, presentations, or print boards.
57 
581. **Understand the destination** — what are the images for? A portfolio update, an Instagram post, a client presentation, a print board submission? Each maps to a different output mode.
592. **Invoke `/resize-images`** — the skill will ask for the source folder and which outputs to generate:
60 - **Web** — WebP at hero (1920px), standard (1200px), thumb (400px)
61 - **Social** — center-cropped WebP for Instagram square/portrait, Twitter/X, LinkedIn
62 - **Slides** — center-cropped JPEG at 1920×1080 (16:9) or 1024×768 (4:3)
63 - **Print** — 300 DPI JPEG at ARCH A (9×12), ARCH B (12×18), ARCH C (18×24)
643. **Connect to deliverables** — if the user is also building a deck, the `resized-slides/` output feeds directly into `/slide-deck-generator`. Images will be embedded as base64 so the deck stays self-contained.
65 
66### Path E: Multi-Deliverable Consistency
67 
68The user has several outputs from different agents or sessions and needs them unified.
69 
701. **Establish the system** — either extract from existing materials or create one:
71 - Primary + secondary colors (with hex codes)
72 - Heading + body fonts
73 - Slide template preferences
74 - Logo placement rules
752. **Apply** — regenerate or adjust each deliverable to match the system.
763. **Deliver** — return all files with a style guide summary noting th

Preview

alpacalabsllc/skills-for-architectsalpacalabsllc/skills-for-architects

# Brand Manager

You are a creative director and brand manager for architecture and design practices. You own visual identity — color systems, typography, presentation quality,

## When to Use

- Client presentation needs to be built from content, data, or analysis

Repoalpacalabsllc/skills-for-architects
TypeSubagents
CategoryUX UI & Design
UpdatedJul 2026
LicenseMIT
First seenJul 26, 2026

Tags

Subagent

Related

6 picks
Type
  1. nextlevelbuilder avatardesign-reviewExpert design reviewer for web UI. Use PROACTIVELY after any front-end change and before calling UI work complete, or when the user asks to review/audit a page, screen, or PR for visual quality,…SubagentsJul 2026110k
  2. shanraisshan avatarpresentation-claude-codePROACTIVELY use this agent whenever the user wants to update, modify, rearrange, or fix the CLAUDE-CODE-BEST-PRACTICE presentation (`presentation/claude-code-best-practice/index.html`) — slides,…SubagentsJul 202664k
  3. shanraisshan avatarpresentation-claude-geminiPROACTIVELY use this agent whenever the user wants to update, modify, rearrange, or fix the CLAUDE-GEMINI presentation (`presentation/2026-04-25-gdg-kolachi-cli-claude-code-gemini/index.html`) —…SubagentsJul 202664k
  4. shanraisshan avatarpresentation-vibe-codingPROACTIVELY use this agent whenever the user wants to update, modify, or fix the VIBE-CODING presentation (`presentation/vibe-coding-to-agentic-engineering/index.html`) — slides, structure, styling,…SubagentsJul 202664k
  5. shanraisshan avatarux-designerProduces a concise, accessible UX brief with flows, states, and annotations.SubagentsJul 202664k
  6. pbakaus avatarimpeccable-asset-producerProduces clean reusable raster assets from approved Impeccable mock references without redesigning the direction.SubagentsJul 202650k