skills.rest
KhaledMKhaled
KhaledMKhaledCOMMUNITY
Explore all skills by this author →
GitHub

branding-generator

Create three brand identity directions with OKLCH color ramps and exportable design tokens.

Updated Dec 10, 2025
Search Tags:#typography#branding#brand identity#color palette#brand guidelines#brand naming#logo concepts
One-click install
npx skills add https://github.com/KhaledMKhaled/FodaStore --skill branding-generator-khaledmkhaled
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: branding-generator
Source: https://github.com/KhaledMKhaled/FodaStore/tree/main/.local/secondary_skills/branding-generator
Command: npx skills add https://github.com/KhaledMKhaled/FodaStore --skill branding-generator-khaledmkhaled

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps you quickly create a cohesive brand identity (colors, typography, logo concepts, naming, and guidelines) without starting from a blank page or relying on generic templates.

Core Features & Use Cases

  • Brand interview & discovery: Guides a structured, conversational intake to clarify business context, audience, feelings, constraints, and “hates.”
  • Research-driven differentiation: Performs competitor visual audits and reference gathering to establish what’s common in the space and how the brand can stand out.
  • Naming when needed: Produces cohesive brand name candidates (including domain/handle checks) when the user lacks a name.
  • Three distinct brand directions: Delivers exactly 3 options, each with a narrative, color palette (hex + OKLCH + contrast considerations), typography pairings, voice, visual mood, and exportable design tokens.
  • Interactive selection & delivery: Lets the user pick a direction (or mix elements) and then produces full deliverable boards including color/typography, logo concepts (inline SVG), brand-in-action mockups, and guidelines.

Quick Start

Ask the branding-generator to conduct a brand interview for your product, research relevant competitors, and produce three distinct brand directions with palettes, type pairings, voice, and initial logo concepts.

Frequently Asked Questions about branding-generator

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a complete brand identity from scratch?▼

You generate a complete brand identity by answering a structured discovery interview, which the tool transforms into three differentiated branding directions with colors, typography, naming, and exportable design tokens.

What is included in a generated brand identity kit?▼

A brand identity kit includes exactly three distinct directions, each containing a narrative, OKLCH-based color ramps, contrast-aware typography pairings, brand voice, inline SVG logo concepts, mockups, and exportable CSS/Tailwind tokens.

Can I generate brand naming candidates and check domain availability?▼

Yes, when you lack a brand name, the generator produces cohesive brand name candidates and performs domain and handle checks to ensure availability across platforms during the discovery phase.

Does this branding tool output design tokens for CSS and Tailwind?▼

Yes, the branding tool outputs exportable design tokens based on OKLCH color ramps and typography recommendations, which are structured and suitable for direct usage in CSS and Tailwind environments.

How do I create contrast-aware color palettes for a brand?▼

You create contrast-aware color palettes by generating OKLCH-based color ramps that include contrast considerations, ensuring accessibility while providing exact hex values for visual identity development.

Can I use this for a startup rebrand or brand refresh?▼

Yes, the brand identity generation process applies to startups, rebrands, refreshes, and new brand kit requests, adapting the visual audit and discovery intake to differentiate your refreshed brand from competitors.

Related Skills

Explore More Design & Creative Skills→
taewook486taewook486

agency-client-interview

Conduct structured client discovery interviews and generate .agency/context/ files.

Community
Intermediate
Pranil9699Pranil9699

branding-generator

Generate three brand directions with palettes, typography, logos, and naming options.

Community
Advanced
walid-moswalid-mos
2

nextnode-brand

Apply NextNode brand guidelines to UI projects via Tailwind CSS and SVG assets.

Community
Intermediate
irahardiantoirahardianto

brand-identity-creator

Generate brand identity guidelines documents from brand core data.

Community
Basic