Agent skill
brand-guidelines
Applies brand colors, typography, and visual identity to artifacts, documents, presentations, and web content. Use when brand consistency, visual formatting, or company design standards apply. Chec...
Install this agent skill to your Project
npx add-skill https://github.com/j0KZ/mcp-agents/tree/main/starter-kit/template/.claude/skills/brand-guidelines
SKILL.md
Brand Guidelines
Overview
Universal brand styling system for digital and print assets. Brand-specific rules are stored in references.
Keywords: branding, visual identity, styling, brand colors, typography, corporate identity, design standards, visual formatting
Usage
- Identify which brand applies to the task
- Load brand-specific reference from
references/brands/[brand-name].md - Apply colors, typography, and rules from that reference
- Fall back to generic defaults if no brand reference exists
Available Brand References
references/brands/molychile.md— Chilean industrial distributor (UNI-T, CSB, URREA, Energizer)
Generic Defaults (when no brand specified)
Colors
| Role | Hex | Use |
|---|---|---|
| Primary | #1a1a1a |
Headers, primary text |
| Secondary | #4a4a4a |
Body text |
| Accent | #0066cc |
Links, CTAs, highlights |
| Background | #ffffff |
Page background |
| Surface | #f5f5f5 |
Cards, sections |
| Border | #e0e0e0 |
Dividers, outlines |
Typography
| Element | Font | Weight | Size |
|---|---|---|---|
| H1 | System sans-serif | 700 | 32px |
| H2 | System sans-serif | 600 | 24px |
| H3 | System sans-serif | 600 | 18px |
| Body | System sans-serif | 400 | 16px |
| Small | System sans-serif | 400 | 14px |
Application Contexts
Documents (docx, pdf)
- Cover page: Primary color header bar
- Headers: Primary color, heading font
- Body: Secondary color, body font
- Accents: Accent color for highlights, links
Presentations (pptx)
- Title slides: Primary background, white text
- Content slides: White background, primary headers
- Accent elements: Accent color for charts, callouts
Web / HTML
- Use CSS variables for theming
- Ensure WCAG AA contrast compliance
- Apply responsive typography scale
Ecommerce Listings
- Product titles: Primary color, heading font
- Descriptions: Secondary color, body font
- Price: Accent color, bold
- Badges/CTAs: Accent background, white text
Technical Patterns
CSS Variables Template
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
j0KZ/mcp-agents
debug-detective
Systematic debugging approach for ANY codebase, ANY language, ANY bug type
j0KZ/mcp-agents
tool-discovery
Guide for discovering and using @j0kz MCP tools efficiently through search, filtering, and progressive exploration. Use when exploring available capabilities, finding the right tool for a task, or ...
j0KZ/mcp-agents
project-standardization
Guides correct usage of @j0kz/mcp-agents standardization and automation scripts including version.json single source of truth, test count automation, URL casing rules, and critical workflow pattern...
j0KZ/mcp-agents
api-integration
Master third-party API integration in ANY language with best practices and patterns
j0KZ/mcp-agents
documentation-generation
Documentation generation and maintenance patterns including README structure, CHANGELOG management, API documentation, wiki synchronization, and badge updates. Use when creating package docs, updat...
j0KZ/mcp-agents
competitive-ads-extractor
Extracts and analyzes competitor ads from ad libraries (Facebook, LinkedIn, TikTok, Google). Use when researching competitor messaging, creative patterns, campaign strategies, or ad inspiration. Ch...
Didn't find tool you were looking for?