Anthropic Brand Styling
anthropics/skills
Applies Anthropic's brand colors and fonts to artifacts such as PowerPoint slides, using fixed hex values for text and accents, Poppins headings and Lora body text.
When the user wants to define, audit, or apply visual identity (typography, colors, spacing, design tokens, frontend aesthetics).
Install Brand Visual Generator
$ npx skills add kostja94/marketing-skills --skill brand-visual-generator -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install kostja94/marketing-skills brand-visual-generator --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/kostja94/marketing-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/components/branding/brand-visual .claude/skills/brand-visual-generator && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "brand-visual-generator" agent skill from https://github.com/kostja94/marketing-skills/tree/main/skills/components/branding/brand-visual into .claude/skills/brand-visual-generator/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "brand-visual-generator", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/kostja94/marketing-skills/tree/main/skills/components/branding/brand-visualType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add kostja94/marketing-skills --skill brand-visual-generator -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install kostja94/marketing-skills brand-visual-generator --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/kostja94/marketing-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/components/branding/brand-visual .agents/skills/brand-visual-generator && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "brand-visual-generator" agent skill from https://github.com/kostja94/marketing-skills/tree/main/skills/components/branding/brand-visual into .agents/skills/brand-visual-generator/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "brand-visual-generator", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add kostja94/marketing-skills --skill brand-visual-generator -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install kostja94/marketing-skills brand-visual-generator --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/kostja94/marketing-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/components/branding/brand-visual .cursor/skills/brand-visual-generator && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "brand-visual-generator" agent skill from https://github.com/kostja94/marketing-skills/tree/main/skills/components/branding/brand-visual into .cursor/skills/brand-visual-generator/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "brand-visual-generator", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/kostja94/marketing-skills.git --path skills/components/branding/brand-visual--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add kostja94/marketing-skills --skill brand-visual-generator -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install kostja94/marketing-skills brand-visual-generator --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/kostja94/marketing-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/components/branding/brand-visual .gemini/skills/brand-visual-generator && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "brand-visual-generator" agent skill from https://github.com/kostja94/marketing-skills/tree/main/skills/components/branding/brand-visual into .gemini/skills/brand-visual-generator/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "brand-visual-generator", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install kostja94/marketing-skills brand-visual-generatorInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add kostja94/marketing-skills --skill brand-visual-generator -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/kostja94/marketing-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/components/branding/brand-visual .github/skills/brand-visual-generator && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "brand-visual-generator" agent skill from https://github.com/kostja94/marketing-skills/tree/main/skills/components/branding/brand-visual into .github/skills/brand-visual-generator/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "brand-visual-generator", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add kostja94/marketing-skills --skill brand-visual-generator -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install kostja94/marketing-skills brand-visual-generator --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/kostja94/marketing-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/components/branding/brand-visual .opencode/skills/brand-visual-generator && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "brand-visual-generator" agent skill from https://github.com/kostja94/marketing-skills/tree/main/skills/components/branding/brand-visual into .opencode/skills/brand-visual-generator/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "brand-visual-generator", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
brand-visual-generator- GitHub stars
- 1k
- Token cost
- ~3k tokens
- SKILL.md length
- 1,329 words
- Files
- 1
- Skills in repo
- 102
- Repo updated
- First seen
- Licence
- MIT
At a glance
When the user wants to define, audit, or apply visual identity (typography, colors, spacing, design tokens, frontend aesthetics).
- Works in 3 steps: Scope: New brand, audit, or component… → Touchpoints: Web, print, social, product… → Existing assets: Logo, style guide,…
- Wants to define
- SKILL.md covers Initial Assessment, Best Practices, Frontend Aesthetics and AI Brand Aesthetics (Optional), plus 5 more sections
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
What it does
Brand Visual Generator is an agent skill from kostja94/marketing-skills. When the user wants to define, audit, or apply visual identity (typography, colors, spacing, design tokens, frontend aesthetics). Also use when the user mentions "brand style guide," "visual identity," "design system," "typography," "color palette," "brand guidelines," "AI brand aesthetics," "brand colors," "font choices," "spacing system," "design tokens," "motion," "distinctive design," "frontend aesthetics," "PowerPoint theme," "Google Slides brand," or "slide master colors." For brand story, positioning, and…
Its SKILL.md is about 3k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Frontend & Design, covering Logo and visual identity and Typography. It works with Google Slides and Microsoft PowerPoint. The repository describes itself as: Agent Skills for Marketing — SEO, Social, Influencer & More. 160+ open-source skills for SEO, content, 40+ page types, paid ads, channels, and strategies. Add project context… The licence is MIT.
When your agent uses it
- Wants to define
- Apply visual identity (typography
- Frontend aesthetics)
- The user mentions brand style guide
Example prompts
- “brand style guide,”
- “visual identity,”
- “design system,”
- “/brand-visual-generator”
Workflow steps
3 steps, taken from the first numbered list in SKILL.md.
- Scope: New brand, audit, or component design
- Touchpoints: Web, print, social, product UI, slides (PowerPoint, Google Slides, Keynote), documents (Word, Google Docs, PDF reports)
- Existing assets: Logo, style guide, design files
What it can do on your machine
Read from SKILL.md and the folder at commit 8dd89c5. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md (its code samples are markdown).
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Brand Visual Generator loads about 3k tokens when it runs. Until then it costs about 140 tokens; SKILL.md has 1,329 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
SKILL.md
The full file from kostja94/marketing-skills at commit 8dd89c5, republished under its MIT licence (© kostja94). 1,329 words, ~3,031 tokens.
Download SKILL.mdSave it as
.claude/skills/brand-visual-generator/SKILL.md (or your agent's skills folder).- name
- brand-visual-generator
- description
- When the user wants to define, audit, or apply visual identity (typography, colors, spacing, design tokens, frontend aesthetics). Also use when the user mentions "brand style guide," "visual identity," "design system," "typography," "color palette," "brand guidelines," "AI brand aesthetics," "brand colors," "font choices," "spacing system," "design tokens," "motion," "distinctive design," "frontend aesthetics," "PowerPoint theme," "Google Slides brand," or "slide master colors." For brand story, positioning, and voice, use branding.
- license
- MIT
- metadata.version
- 1.4.0
Components: Brand Visual Identity
Guides visual identity for consistent brand presentation. Companies with consistent branding see up to 23-33% revenue lift; 94% of consumers say consistency influences buying decisions.
Keywords: visual identity, design tokens, color palette, typography, CSS variables, slide deck, brand guidelines, frontend aesthetics, accessibility
When invoking: On first use, if helpful, open with 1-2 sentences on what this skill covers and why it matters, then provide the main output. On subsequent use or when the user asks to skip, go directly to the main output.
Initial Assessment
Project context: Read root contextus.md when present and load only the modules relevant to this task. Without Contextus, use available project material or user-provided facts and ask for missing information; do not create a parallel context system.
Identify:
- Scope: New brand, audit, or component design
- Touchpoints: Web, print, social, product UI, slides (PowerPoint, Google Slides, Keynote), documents (Word, Google Docs, PDF reports)
- Existing assets: Logo, style guide, design files
Best Practices
Typography
- Two-font system: One display font for headlines, one body font for text. Contrast + harmony: different enough for distinct roles, similar enough to feel cohesive.
- Body font: Prioritize legibility—large x-height, open counters. For neutral/safe: Source Sans 3, Lora, IBM Plex Sans. For distinctiveness: avoid overused AI fonts (Inter, Roboto, Arial, system fonts); prefer characterful choices that elevate the brand. See Frontend Aesthetics.
- Headline font: Communicates brand voice; must be readable in under one second. Carries personality while body handles infrastructure.
- Type scale: Use ratios 1.25–1.5 (Major Third or Perfect Fifth) for hierarchy. Limit to 3–4 styles per block.
- Pairing rule: Decorative fonts only with neutral typefaces. Assign distinct roles; avoid mixing more than two families.
- Sizes: Hero, section, subheading, body, caption; responsive scaling. Line length max 120 chars; generous line-height.
Color Palette
- Structure: Primary, secondary, CTA, background, text. Use flexible systems (core hero color + complementary shades), not single rigid colors.
- Industry mapping: Finance → blue, gray, navy (stability); Luxury → rose gold, burgundy, black (exclusivity); Tech → teal, neon accents, charcoal (innovation); Wellness → lavender, peach, mint (calm); Sustainability → sage green, earthy tones.
- Reproduction: HEX, RGB, CMYK for print and digital. For programmatic slides (e.g. python-pptx), map brand HEX to RGB tuples
(R, G, B)for fills and text; keep a single source of truth table (HEX + RGB) in the deliverable. - Accessibility: Contrast >=4.5:1 for normal text, >=3:1 for large text (18px+ or 14px+ bold). Don't rely on color alone for information.
Spacing
- Margins: Horizontal (e.g. 120px), vertical section padding
- Grid: Consistent spacing scale (8px base common)
- Logo clear space: Minimum space around logo; document in brand guide
Logo Usage
- Variants: Primary, secondary, monogram; light/dark backgrounds
- Minimum size: Prevent illegibility
- Don't: Stretch, recolor, add effects without approval
Anti-Patterns (Avoid)
- Aesthetics over functionality: Don't sacrifice usability for visual appeal.
- Unclear CTAs: Limit primary CTA to one per section; visually differentiate primary vs secondary.
- Inconsistent elements: Pixelated icons, mismatched spacing/typography/color reduce trust.
- Poor text hierarchy: Disordered, cluttered text confuses users.
- Overusing effects: Drop shadows, pop-ups, crowded UI distract from content.
- Chasing trends blindly: Adopt trends only when they fit project needs.
- Ignoring performance: Heavy assets and complex layouts hurt load times.
- Generic AI aesthetics: Inter, Roboto, Arial, Space Grotesk, and system fonts contribute to cookie-cutter design; avoid clichéd schemes (e.g., purple gradients on white). Prefer distinctive choices when brand differentiation matters.
- Emoji as icons: Use SVG icons (Heroicons, Lucide, Simple Icons)—never emojis (🎨 🚀 ⚙️) as UI icons; emojis look unprofessional and inconsistent.
- Unstable hover states: Use color/opacity transitions on hover; avoid scale transforms that shift layout or cause content jump.
Accessibility Checklist
- Contrast: Normal text >=4.5:1; large text >=3:1; interactive elements >=3:1.
- Focus: Visible focus indicator (>=2px solid, 3:1 contrast); logical Tab order; no keyboard traps.
- Color: Never use color alone to convey information; add text or icons for states (error, success).
- Keyboard: All interactive elements reachable via Tab, Enter, Spacebar.
- Reduced motion: Respect
prefers-reduced-motionfor animations.
Frontend Aesthetics
Guides distinctive, production-grade frontend implementation. Components (hero, CTA, footer, etc.) and pages (landing, home, features) should reference these principles for visual differentiation. Intentionality over intensity: bold maximalism and refined minimalism both work when executed with precision.
Typography
- Avoid generic AI fonts: Inter, Roboto, Arial, system fonts, Space Grotesk. These create cookie-cutter aesthetics.
- Distinctive pairing: One display font (headlines, personality) + one refined body font (readability). Choose characterful, unexpected fonts that elevate the interface.
- Consistency: Use CSS variables; limit to 3–4 type styles per block.
Motion
- High-impact moments: One well-orchestrated page load with staggered reveals (
animation-delay) creates more delight than scattered micro-interactions. - Prioritize: CSS-only for HTML; Motion library for React when available. Scroll-triggering and hover states that surprise.
- Accessibility: Always respect
prefers-reduced-motion; provide reduced or no-motion alternatives.
Spatial Composition
- Unexpected layouts: Asymmetry, overlap, diagonal flow, grid-breaking elements.
- Balance: Generous negative space OR controlled density—choose intentionally.
- Hierarchy: Clear visual flow; avoid predictable, evenly-distributed layouts.
Show full SKILL.md (534 more words)Show less
Backgrounds & Visual Details
- Atmosphere over flat: Create depth rather than defaulting to solid colors.
- Techniques: Gradient meshes, noise textures, geometric patterns, layered transparencies, dramatic shadows, decorative borders, grain overlays.
- Context: Match effects to overall aesthetic; don't distract from content.
Never
- Overused font families (Inter, Roboto, Arial, system fonts)
- Clichéd color schemes (e.g., purple gradients on white)
- Predictable layouts and cookie-cutter component patterns
- Design that lacks context-specific character
- Emojis as UI icons (use SVG: Heroicons, Lucide, Simple Icons)
AI Brand Aesthetics (Optional)
For AI/SaaS products, consider these visual trends and brand archetypes; adopt, ignore, or counter consciously to avoid sameness.
Visual Trends
| Trend | Signal |
|---|---|
| Off-white / beige | Trust, restraint, premium without gloss |
| Organic gradients | Distinctiveness; add grain, texture |
| Digital impressionism | Mood over literal; suggestive, not descriptive |
| Lomo / imperfect | Exploratory, human creativity |
| Contemporary realism | Precision, reliability, mastery |
| Sketch / scribble | Human thought, exploration over certainty |
| Non-brand academia | Authority; work speaks for itself |
| Technical illustrations | Rigor, engineering depth |
| Quirky cuteness | Approachability; counter doomsday narratives |
| Morphing objects | Emergence, systems that learn |
| Futuristic surrealism | Gateway to new worlds |
| Outer space | Exploration, unknown |
| ASCII / pixels | Retro, playful, technical |
| Generative art | Algorithmic, living system |
Brand Archetypes
| Archetype | Tone | Visual |
|---|---|---|
| Likeable Leaders | Seriousness, stability, trust | Muted greys, warm beiges; impressionistic |
| Gentle Humanists | People before tech | Hand-drawn, everyday moments, nature |
| Nerdy Idealists | Engineering culture | Unpolished, quirky, non-branded |
| Bold Builders | Groundbreaking, transformative | Dark palettes, space references |
| Utopian Dreamers | What becomes possible | Retrofuturistic, surreal worlds |
Return Visual Identity Context
When returning confirmed visual identity context through Contextus, include:
## 12. Visual Identity (Optional)
**Colors**: Primary #XXX, secondary #XXX; backgrounds #XXX
**Typography**: Headings (font, weight, color); Body (font, weight, color)
**Sizes**: Hero Xpt, section Xpt, body Xpt
**Spacing**: Margins Xpx; section padding Xpx
**Layout**: Viewport, top bar, footer heights if fixedSlides & Documents (Non-Web)
When the user asks for deck or document branding—not only websites:
- Slide master: Background color from token; title font = display/heading token; body = body token; default title/body sizes aligned to type scale from branding / Section 12.
- Theme colors: Map primary, secondary, background, text, and one accent to the presentation app's theme (PowerPoint Design → Variants, Google Slides Theme, Keynote Document settings) so shapes and charts inherit palette.
- Charts & shapes: Cycle accents in a fixed order (e.g. primary → secondary → tertiary) instead of random colors; keeps decks on-brand.
- Documents: Same fonts and heading hierarchy as web where possible; specify paragraph style names (Title, Heading 1–3, Normal) with point sizes and colors.
Strategy and narrative layers remain in branding; this section is visual execution for office/slide tools.
Brand Guidelines Structure (Single Source of Truth)
Ensure consistency across touchpoints. Include:
- Logo: Usage rules, clear space, minimum sizes, variants (light/dark)
- Colors: Primary, secondary, CTA, background, text (HEX, RGB, CMYK)
- Typography: Font families, hierarchy, sizing, spacing
- Imagery: Photography tone, subject matter, visual mood
- Iconography: Style, stroke weight, usage rules
Output Format
- Typography spec (fonts, weights, sizes, colors)
- Color palette (HEX, usage rules, industry mapping)
- Spacing scale
- Logo clear space and variants
- Frontend aesthetics (optional): Motion, spatial composition, backgrounds—for distinctive implementation
- Anti-patterns and accessibility checklist
- AI products (optional): Visual trend and archetype alignment
- Contextus for maintained project-specific visual identity
- Slides/documents (when requested): theme mapping + master typography + chart accent order
Related Skills
- branding: Brand strategy; visual identity strategy; this skill implements typography, colors, spacing
- logo-generator: Logo placement, clear space; brand visual defines logo rules
- favicon-generator: Favicon aligns with brand mark and colors
- media-kit-page-generator: Media kit hosts brand guidelines document; links to logo, favicon
- hero-generator: Hero uses brand typography, colors, spacing
- 404-page-generator: Error pages maintain brand consistency
© kostja94, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
Just SKILL.md in skills/components/branding/brand-visual of kostja94/marketing-skills.
Open the folder on GitHubat commit 8dd89c5
Compare with similar skills
Brand Visual Generator next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Brand Visual Generator this skillkostja94/marketing-skills | 1k | — | ~3k | Automated safety check: Pass | MIT | |
| Anthropic Brand Stylinganthropics/skills | 180k | 30 repos | ~559 | Automated safety check: Pass | Apache-2.0 | |
| Pro Deck Builderthatrebeccarae/claude-marketing | 162 | — | ~6.1k | Automated safety check: Pass | MIT | |
| Replica DesignJakeschincariol/replica-skill | 1.2k | — | ~994 | Automated safety check: Pass | MIT | |
| Design Guidelinesmellowagain/gitarena | 115 | — | ~2.5k | Automated safety check: Pass | MIT | |
| Brand Guidelinescomposio-community/awesome-codex-skills | 17k | — | ~617 | Automated safety check: Pass | Apache-2.0 |
Similar skills
- Official
Pro Deck Builder
thatrebeccarae/claude-marketing
Create polished HTML slide decks and PDF-ready documents for consulting deliverables.
Replica Design
Jakeschincariol/replica-skill
Rebuilds an app's design system for a clone: colour roles, type scale, spacing, radius, shadows and every component with its states, as design tokens plus component specs, with original assets…
Design Guidelines
mellowagain/gitarena
Applies GitArena's official design system, colors, and typography to frontend components and pages.
Brand Guidelines
composio-community/awesome-codex-skills
Applies OpenAI's brand colors and typography to any artifact that should match the Codex/OpenAI look-and-feel.
Frontend UI Foundry
jiushiwon/wg-skills
A skill your agent uses when generating UI for a specific scenario (mobile/PC/官网/管理端/营销页/文档/金融/原生/3D), when refactoring an existing HTML/Vue/React project to a unified design system, when extracting…
More from kostja94/marketing-skills
All 102 skills in this repoGrokipedia Recommendations
kostja94/marketing-skills
When the user wants to add recommendations, links, or content to Grokipedia.
AI Traffic Tracking
kostja94/marketing-skills
When the user wants to track AI search traffic in GA4 or GSC.
Analytics Tracking
kostja94/marketing-skills
When the user wants to set up, audit, or optimize analytics tracking (GA4, events, conversions).
Canonical Tag
kostja94/marketing-skills
When the user wants to configure canonical URLs, fix duplicate content, or consolidate URL signals.
Content Strategy
kostja94/marketing-skills
When the user wants to plan content for SEO, create content calendar, or build topic clusters.
Favicon Generator
kostja94/marketing-skills
When the user wants to implement, optimize, or audit favicon and app icons.
Related
Works with
Categories
Questions about Brand Visual Generator
What does Brand Visual Generator do?
When the user wants to define, audit, or apply visual identity (typography, colors, spacing, design tokens, frontend aesthetics). Brand Visual Generator is an agent skill from kostja94/marketing-skills. When the user wants to define, audit, or apply visual identity (typography, colors, spacing, design tokens, frontend aesthetics).
When should I use Brand Visual Generator?
Brand Visual Generator fits situations like: wants to define; apply visual identity (typography; frontend aesthetics); the user mentions brand style guide.
How do I install Brand Visual Generator in Claude Code?
Run `npx skills add kostja94/marketing-skills --skill brand-visual-generator -a claude-code`. Or copy the skill folder (skills/components/branding/brand-visual in kostja94/marketing-skills) into .claude/skills/brand-visual-generator in your project. Claude Code loads it when a task matches its description.
How do I install Brand Visual Generator in Codex?
Run `npx skills add kostja94/marketing-skills --skill brand-visual-generator -a codex`. Or copy the skill folder (skills/components/branding/brand-visual in kostja94/marketing-skills) into .agents/skills/brand-visual-generator in your project. Codex loads it when a task matches its description.
Can I use Brand Visual Generator in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add kostja94/marketing-skills --skill brand-visual-generator -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/brand-visual-generator, .gemini/skills/brand-visual-generator, .github/skills/brand-visual-generator and .opencode/skills/brand-visual-generator in your project.
What does Brand Visual Generator need to run?
SKILL.md names no scripts, command-line tools or credentials: Brand Visual Generator is instructions for the agent only.
Does Brand Visual Generator access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Brand Visual Generator safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
What licence does Brand Visual Generator use?
Brand Visual Generator is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Brand Visual Generator use?
About 3k tokens (SKILL.md is roughly 12k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Brand Visual Generator?
Skills that share tags, products or a category with Brand Visual Generator: Anthropic Brand Styling (anthropics/skills, 180k stars), Pro Deck Builder (thatrebeccarae/claude-marketing, 162 stars), Replica Design (Jakeschincariol/replica-skill, 1.2k stars) and Design Guidelines (mellowagain/gitarena, 115 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Brand Visual Generator?
kostja94 (a GitHub user) maintains it in kostja94/marketing-skills, which has 1,025 GitHub stars. The repository holds 102 skills in this directory. The repository was last updated on October 6, 2026.
Source: kostja94/marketing-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.