site-customizer

Collect brand identity and configuration into machine-readable brand profiles for website projects.

10|2|Updated Mar 31, 2026
One-click install
npx skills add https://github.com/mrhinkle/VibeCoding-a-Website --skill site-customizer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: site-customizer
Source: https://github.com/mrhinkle/VibeCoding-a-Website/tree/main/.claude/skills/site-customizer
Command: npx skills add https://github.com/mrhinkle/VibeCoding-a-Website --skill site-customizer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The site-customizer prevents downstream website skills from making incorrect assumptions by collecting a complete, machine-readable brand profile up front so design, copy, generation, and audits all work from a single source of truth.

Core Features & Use Cases

  • Guided Brand Interview: Walks stakeholders through business purpose, audience, tone, competitors, visual preferences, and technical integrations.
  • Machine-readable Outputs: Generates brand-profile.json for automated consumption, a human-friendly brand-guide.md, and brand-context.md for other skills to read.
  • Platform Integrations & Updates: Feeds Manus/Nano Banana prompts for image generation, supports Claude Code workflows, and updates downstream skills when brand elements change.
  • Use Case: Onboard a new client quickly by collecting logos, color hex codes, voice guidelines, and required pages to immediately generate on-brand pages and image prompts.

Quick Start

Run the site-customizer and provide a one-sentence business description, target audience, preferred tone, primary colors or hex codes, logo files, and the list of pages you need.

Frequently Asked Questions about site-customizer

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

FAQPage Schema
How do I collect brand identity for automated website generation?

You collect brand identity for automated website generation by running a guided interview that gathers business purpose, audience, tone, and visual preferences to produce a machine-readable brand-profile.json for downstream consumption.

What is a machine-readable brand profile and when do I need one?

A machine-readable brand profile is a structured JSON file containing your brand's colors, logos, voice, and configuration. You need one when onboarding website projects to ensure design, copy, and generation skills work from a single source of truth.

How do I onboard a new website project to align design and copy?

You onboard a new website project by providing a business description, target audience, preferred tone, primary colors, logo files, and required pages to generate on-brand assets and align the website team.

Can I update brand elements mid-project without breaking downstream workflows?

Yes, you can update brand elements mid-project. The skill outputs a brand-context.md file and indicates which downstream skills should be re-run after changes to maintain consistency across generation and audits.

Does the brand profile work with Claude Code and Manus image generation?

Yes, the brand profile works with Claude Code workflows and Manus/Nano Banana integrations. It supplies platform notes and feeds image generation prompts based on your collected visual identity and brand elements.

What files do I need to start configuring a brand profile for my website?

To start configuring a brand profile, you need a one-sentence business description, target audience, preferred tone, primary colors or hex codes, logo files, and a list of required pages to generate the complete brand configuration.