kostja94 avatar

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-code

Installs 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:

  1. Scope: New brand, audit, or component design
  2. Touchpoints: Web, print, social, product UI, slides (PowerPoint, Google Slides, Keynote), documents (Word, Google Docs, PDF reports)
  3. 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
1customware-ai avatarcrm-buildercustomware-ai/skillsCustomer Relationship Management (CRM) vertical skill for the Customware SPA. Defines the section layout, entity views, and mapping rules for transforming a DOM1.4Kskills.sh installs
2quodsoler avatarue-niagara-effectsquodsoler/unreal-engine-skillsUse this skill when working with Niagara particle systems, VFX, effects, emitter, Niagara component, or Niagara parameter in Unreal Engine C++. Covers spawning 1.4Kskills.sh installs
3davila7 avatar3d-web-experiencedavila7/claude-code-templatesExpert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D portfoli1.4Kskills.sh installs
4waynesutton avatarconvex-agentswaynesutton/convexskillsBuilding AI agents with the Convex Agent component including thread management, tool integration, streaming responses, RAG patterns, and workflow orchestration1.4Kskills.sh installs
5github avatardaily-prepgithub/awesome-copilotPrepare for tomorrow's meetings and tasks. Pulls calendar from Outlook via WorkIQ, cross-references open tasks and workspace context, classifies meetings, detec1.4Kskills.sh installs
6quodsoler avatarue-input-systemquodsoler/unreal-engine-skillsUse this skill when implementing player input with Unreal Engine's Enhanced Input system. Also use when the user mentions 'Enhanced Input', 'input', 'input acti1.4Kskills.sh installs