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.