brand-kit

Generate a visual identity and three-column marketing-site mockup board from a product idea.

Updated Jan 29, 2026
One-click install
npx skills add https://github.com/nkabbara/dotfiles --skill brand-kit-nkabbara
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: brand-kit
Source: https://github.com/nkabbara/dotfiles/tree/main/exact_dot_agents/exact_skills/exact_ui.sh/exact_brand-kit
Command: npx skills add https://github.com/nkabbara/dotfiles --skill brand-kit-nkabbara

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill generates a complete visual identity and marketing-site mockup board from a product idea, streamlining the branding process.

Core Features & Use Cases

  • Visual Identity Creation: Develop a cohesive visual identity for a product or brand.
  • Marketing Site Mockup: Generate a mockup of a marketing site that showcases the product or brand.
  • Use Case: If you have a new product and need a visual identity and marketing site mockup, this Skill can help you create a professional-looking board that can be used for presentations or marketing materials.

Quick Start

Run the brand kit workflow with your product idea to generate a visual identity and marketing-site mockup.

Frequently Asked Questions about brand-kit

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

FAQPage Schema
How do I generate a visual identity and marketing site mockup from a product idea?

A marketing-site mockup board visually presents your product's branding through a fixed three-column layout containing page mockups and a design-system rail, streamlining the visual identity creation process.

Do I need image generation skills to create a design system mockup board?

Yes, generating the visual identity and marketing-site board requires image generation skills and references design guidelines to produce the fixed three-column case-study output accurately.

Can I customize the layout of the marketing-site case-study board?

No, the marketing-site case-study board uses a fixed three-column layout to consistently present page mockups alongside a design-system rail for your visual identity.

What's the best way to build a visual identity for a new product presentation?

Generating a mockup board is an effective way to build a visual identity for presentations, combining page mockups and a design-system rail from your product idea into a professional case-study format.

How does the visual identity generation process reference design guidelines?

The visual identity generation process references design guidelines through a predefined prompt structure, ensuring the resulting marketing-site mockups and design-system rail align with established standards.