
Brand Visual Generator
This handles everything from choosing fonts and defining color palettes to setting up design tokens and spacing systems for your brand. It's opinionated about avoiding the generic AI aesthetic (Inter, Roboto, purple gradients) and pushes you toward distinctive typography pairings and thoughtful frontend choices. Includes accessibility checklists, slide deck theming with HEX to RGB mappings, and a solid rundown of motion and spatial composition principles. The anti-patterns section alone is worth reading. If you're tired of building things that look like every other SaaS product, or you need to document visual identity for a team, this gives you a structured way to think it through.
- skills.sh installs
- 1.4K
- GitHub stars
- 1.1K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add kostja94/marketing-skills --skill brand-visual-generator --agent claude-codeInstalls into .claude/skills of the current project.
Files
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 {project}.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
Sponsors
Details
- Repository
- github.com/kostja94/marketing-skills
- Categories
- Frontend Development, Documentation, Code Review & Quality, Automation & Workflows, Marketing & SEO, Design & UI/UX, Office & Documents
- First seen
- May 16, 2026
More from kostja94/marketing-skills
All 172- Cookie Policy Page Generator1.4K
- Tiktok Ads1.4K
- Competitor Research1.4K
- Content Strategy1.4K
- Carousel1.4K
- Generative Engine Optimization1.4K
- Seo Strategy1.4K
- Schema Markup1.4K
- Website Structure1.3K
- Robots Txt1.3K
- Affiliate Marketing1.3K
- Content Optimization1.3K
- Paid Ads Strategy1.3K
- Meta Description1.3K
- Refund Page Generator1.3K
- Influencer Marketing1.3K
- Hero Generator1.3K
- Shipping Page Generator1.3K
- Seo Monitoring1.3K
- Growth Funnel1.3K
- Title Tag1.3K
- Indexing1.3K
- Xml Sitemap1.3K
- Indie Hacker Strategy1.3K