brand-kit

Name: brand-kit
Author: matteotitta

bymatteotitta· 19 skills

Stars

Forks

Category

UX UI & Design

View on GitHub

TL;DR

Extracts visual identity from screenshots (primary) or website URLs (fallback) and compiles into a standardized brand system file with 8 sections: visual identity description, colors, typography, components, data viz, logo usage, spacing, and signature elements. Screenshot-first for higher fidelity. Produces a brand-kit markdown file consumed by landing-page-copy, landing-page-wireframe, vibe-coding, and dashboard skills. Upstream: recommended company-context. NOT for voice/messaging context — use tov-guidelines instead.

How to install brand-kit?

matteotitta/genesys-skills/brand-kit

$npx -y skills add matteotitta/genesys-skills --skill brand-kit

Installs into the current project.

›Prefer a prompt? Paste this to your agent

Use this skill

Run `npx skills use "https://github.com/matteotitta/genesys-skills" --skill "matteotitta/genesys-skills/brand-kit"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.

Use the whole pack

Use the skills in "https://github.com/matteotitta/genesys-skills" that are relevant to the current task. Run `npx skills add "https://github.com/matteotitta/genesys-skills"` and select the relevant skills, then follow their instructions.

6 picks

Type

brand-kit

bymatteotitta· 19 skills

Stars

Forks

How to install brand-kit?

matteotitta/genesys-skills/brand-kit

$npx -y skills add matteotitta/genesys-skills --skill brand-kit

Installs into the current project.

›Prefer a prompt? Paste this to your agent

Use this skill

Run `npx skills use "https://github.com/matteotitta/genesys-skills" --skill "matteotitta/genesys-skills/brand-kit"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.

Use the whole pack

Use the skills in "https://github.com/matteotitta/genesys-skills" that are relevant to the current task. Run `npx skills add "https://github.com/matteotitta/genesys-skills"` and select the relevant skills, then follow their instructions.

6 picks

Type

brand-kit

How to install brand-kit?

Related

brand-kit

How to install brand-kit?

Related