skills.rest
FadhilAlif
FadhilAlifCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

brandkit

Generates premium brand-kit presentation boards with logo systems, palettes, and mockups.

Updated May 2, 2026
Search Tags:#image generation#brand identity#logo design#brand guidelines#visual identity#art direction#presentation board
One-click install
npx skills add https://github.com/FadhilAlif/jejak_karier --skill brandkit-fadhilalif
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: brandkit
Source: https://github.com/FadhilAlif/jejak_karier/tree/main/.agents/skills/brandkit
Command: npx skills add https://github.com/FadhilAlif/jejak_karier --skill brandkit-fadhilalif

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Creating a cohesive brand identity presentation normally requires a senior designer and hours of layout work. This Skill guides image generation to produce complete brand-kit boards—logo, construction logic, color system, typography, mockups, and image direction—in a single presentation-ready image. ## Core Features & Use Cases - Strategy-Driven Logo Concepts: Infers brand category, audience, and metaphor before designing, producing symbolic marks via monogram fusion, negative space, or construction geometry. - Structured Board Layouts: Supports 3×3, 2×3, 2×2, 1×3, and 4×2 grid layouts covering logo cover, construction, digital application, color system, typography, physical mockups, and image direction panels. - Visual Modes: Provides tuned art direction for dark developer tools, security, luxury editorial, voice AI, compliance, gaming, and cultural brands with disciplined palettes. - Use Case: A founder launching a developer tool asks for a brand board; the Skill produces a dark 3×3 deck with a cursor-frame logo, terminal mockup, cyan-accented palette, and a short tagline. ## Quick Start Generate a premium 3×3 brand-kit board for my developer tool called Framebuild with a dark cinematic style.

Frequently Asked Questions about brandkit

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

FAQPage Schema
How do I generate a brand identity board with AI?▼

Provide your brand name, category, and preferred style, and the Skill infers a brand strategy before generating a complete board. It produces a grid layout with logo, construction logic, color system, typography, mockups, and image direction in one image.

What layouts does the brandkit skill support?▼

Supported layouts include 3×3 full identity systems, 2×3 cinematic deck overviews, 2×2 compact concept boards, 1×3 horizontal strips, 4×2 contact sheets, and custom layouts on request. The default is a 3×3 grid at 4:3 or 16:10 aspect ratio.

Can I use reference images to guide the brand board style?▼

Yes, you can provide reference boards and the Skill extracts their layout rhythm, spacing, typography scale, and accent color logic. It matches the quality and rhythm without copying the exact logo, brand name, or composition.

What brand categories does this skill work best for?▼

It includes tuned visual modes for developer tools, security and compliance, luxury and beauty, voice AI, gaming, productivity, and cultural products. Each mode defines palette, logo logic, and mood appropriate to that category.

Why do AI-generated brand boards often look generic?▼

Generic results come from random symbol choices, rainbow palettes, and cluttered panels. This Skill avoids that by deriving the logo from brand strategy, enforcing one disciplined palette, and limiting text to a tagline and a few labels.

Related Skills

Explore More Design & Creative Skills→
mm88nl-webmm88nl-web

brand-positioning

Define brand positioning statements, competitive territory maps, and differentiation proof points.

Community
Intermediate
SheshiyerSheshiyer
4

brand-visual-pipeline

Orchestrate brand document visual asset production through a three-step generation pipeline.

Community
Advanced
AlexDevFlowAlexDevFlow

ckm:brand

Define and enforce brand voice and visual identity across content.

Community
Intermediate
CoRLab-TechCoRLab-Tech

figma-illustration-import

Import Figma vector illustrations into React components with SVG/PNG assets and Storybook stories.

Official
Intermediate