# Brand Stack Docs > Guides and reference for Brand Stack: generating brand stacks, personas, documents, mockups, free tools, and the MCP connector. ## Docs - [Brand Stack Documentation](https://brandstack-docs.vercel.app/docs): Learn how to use Brand Stack to generate AI personas, build brand identities, chat with your customers, and create research documents. - [Why Brand Stack](https://brandstack-docs.vercel.app/docs/why-brand-stack): How Brand Stack compares to generic persona tools, survey platforms, and ChatGPT for customer understanding. ## Getting Started - [Getting Started](https://brandstack-docs.vercel.app/docs/getting-started): Set up your Brand Stack workspace and start generating AI personas, documents, and projects in under five minutes. - [Create Your Account](https://brandstack-docs.vercel.app/docs/getting-started/create-account): Sign up for Brand Stack, set up your workspace, and invite team members. Free plan includes 10 credits and unlimited users. - [Your Workspace Home](https://brandstack-docs.vercel.app/docs/getting-started/workspace-home): Your workspace home is a dashboard of everything you're working on — recent Brand Stacks, mockups, personas, scenes, templates, and assets — with quick actions to jump back in or start something new. - [Your First Persona Set](https://brandstack-docs.vercel.app/docs/getting-started/first-persona-set): Step-by-step guide to generating your first AI persona set from a website URL or product description. - [Explore a Persona](https://brandstack-docs.vercel.app/docs/getting-started/explore-persona): Tour the persona profile page. Chat with your customer, read their research profile, add comments, and upload your own research sources. - [Create Your First Document](https://brandstack-docs.vercel.app/docs/getting-started/first-document): Pick a template, answer a few questions, and generate a persona-grounded research document in seconds. - [Start a Project](https://brandstack-docs.vercel.app/docs/getting-started/first-project): Link your personas, products, and documents into a focused workspace where context flows into everything you create. ## Features ### Brand Stacks - [Brand Stacks](https://brandstack-docs.vercel.app/docs/brand-stacks): Generate a complete, engineering-ready brand identity bundle from a URL or a brief description. Strategy, voice, visual identity, logos, and skills files — all in one place. - [Generating a Brand Stack](https://brandstack-docs.vercel.app/docs/brand-stacks/generating-a-stack): How to generate a complete AI brand identity bundle from a URL or description. Covers both existing brand extraction and new brand invention modes, the name picker for new brands, credit costs, and what to do if generation fails. - [Logos](https://brandstack-docs.vercel.app/docs/brand-stacks/logos): How Brand Stack sources, composes, and exports logos — real SVG marks for existing brands and shape-based logos for new brands. Covers the selection strip, logo editor, asset set, and download bundle. - [Downloading Brand Stack Assets](https://brandstack-docs.vercel.app/docs/brand-stacks/downloading-assets): How to download logos, favicons, and other brand assets from your Brand Stack. Covers single-file downloads, section zip downloads, and where assets come from. - [Editing a Brand Stack](https://brandstack-docs.vercel.app/docs/brand-stacks/editing-a-stack): How to edit Brand Stack sections inline — Identity, Voice, Typography, and Color — without regenerating. Covers collapsing sections, making and saving changes, and what each section contains. - [Sharing a Brand Stack](https://brandstack-docs.vercel.app/docs/brand-stacks/sharing-a-stack): How to share a Brand Stack with your team or publish it publicly. Covers workspace-only links, public sharing at a stable URL, and how to toggle visibility. - [Install Command — Wire Your Brand into AI Coding Tools](https://brandstack-docs.vercel.app/docs/brand-stacks/install-command): Copy a single install command from your Brand Stack and paste it into Claude Code, Cursor, or Codex to automatically wire your brand's colors, fonts, voice, and personas into any project. ### Personas - [Personas](https://brandstack-docs.vercel.app/docs/personas): Create research-backed AI personas you can talk to, collaborate around, and use as context for every document and strategy your team creates. - [Creating Personas](https://brandstack-docs.vercel.app/docs/personas/creating-personas): Two creation paths based on whether you have a product and know your target user. Generate 3 aligned or 6 diverse persona recommendations. - [Persona Profiles](https://brandstack-docs.vercel.app/docs/personas/persona-profiles): Every generated persona is a full research document with demographics, goals, pain points, jobs to be done, behavioral insights, and a day-in-the-life narrative. - [Persona Chat](https://brandstack-docs.vercel.app/docs/personas/chat): Talk directly to your personas in character. Test messaging, validate feature ideas, rehearse sales conversations, and explore customer perspectives. - [Collaboration & Research](https://brandstack-docs.vercel.app/docs/personas/collaboration): Add comments, collaborate in real time with your team, and upload your own research to refine persona profiles. - [Persona Skills Export](https://brandstack-docs.vercel.app/docs/personas/skills-export): Export your personas as structured skill files for AI coding tools like Cursor, Claude Code, and other agents. - [Agent Context Export](https://brandstack-docs.vercel.app/docs/personas/agent-context): Export personas as structured context for AI coding tools. Generate shell scripts, zip archives, or structured folders that AI assistants can reference while building. ### Brands - [Brands](https://brandstack-docs.vercel.app/docs/brands): Generate comprehensive brand identity guidelines from any URL. Extract colors, typography, voice, messaging, and visual direction in seconds. - [AI Logo Generation](https://brandstack-docs.vercel.app/docs/brands/logo-generation): Generate professional logo concepts and variations from your brand profile using AI. Four concepts, parallel generation, and multiple variations for 4 credits total. ### Assets - [Assets](https://brandstack-docs.vercel.app/docs/assets): Browse, filter, and manage all images across your workspace in one place. Persona avatars, brand logos, environment images, and uploads organized in a visual gallery. ### Mockups - [Mockup Studio](https://brandstack-docs.vercel.app/docs/mockups): Turn a product screenshot into professional product photography. Configure the scene, camera, lighting, and resolution, cast a persona, and generate — try it free without an account. ### Templates - [Templates](https://brandstack-docs.vercel.app/docs/templates): Create reusable device mockup templates once, then drop any screen into them to generate consistent mockups across your whole campaign. ### Projects - [Projects](https://brandstack-docs.vercel.app/docs/projects): Link personas, products, and documents together in one workspace. Generate research grounded in real customer context. ### Documents - [Documents](https://brandstack-docs.vercel.app/docs/documents): Generate research documents, strategy briefs, and analyses in seconds from 111+ templates, all grounded in your persona and product context. - [Templates](https://brandstack-docs.vercel.app/docs/documents/templates): Over 111 premium document templates across 9 categories, each designed around industry best practices for product, marketing, research, sales, and design teams. - [Creating Documents](https://brandstack-docs.vercel.app/docs/documents/creating-documents): Pick a template, answer a short questionnaire, select your personas, and generate a complete research document in seconds. - [AI Editor](https://brandstack-docs.vercel.app/docs/documents/ai-editor): Use the AI Tools toolbar to improve writing, adjust tone, translate, simplify, and more — all without leaving the document editor. - [Research & Collaboration](https://brandstack-docs.vercel.app/docs/documents/research-and-collaboration): Ask questions, search for sources, add comments, view the table of contents, and collaborate with your team inside the document editor. ### Publishing & Community - [Publishing & Community](https://brandstack-docs.vercel.app/docs/community): Share personas, brands, projects, and documents with the Brand Stack community. Publish your work for others to discover and learn from. ## Free Tools - [Free Tools](https://brandstack-docs.vercel.app/docs/tools): Brand Stack's free tool library. No account, no ads. Every tool runs on the website and — via @brandstack/cli — from the command line, powered by the same engine. - [Browser Mockup Studio](https://brandstack-docs.vercel.app/docs/tools/browser-mockup): Free browser mockup generator. Frame a product screenshot in a clean browser window on a styled background and export it at launch-ready sizes, no signup. - [Launch Image Resizer](https://brandstack-docs.vercel.app/docs/tools/launch-image-resizer): Resize one image into every launch surface size in one pass. OG, X, LinkedIn, Instagram, YouTube, Product Hunt, GitHub, App Store, and Play Store, exported as PNG, WebP, or a single zip — in the browser or from the CLI. - [OG Image Preview & Builder](https://brandstack-docs.vercel.app/docs/tools/og-image-preview): Preview how any URL's social card looks across X, LinkedIn, Facebook, iMessage, Slack, and Discord, then build and export your own 1200×630 OG image — in the browser or from the CLI. - [UTM Builder](https://brandstack-docs.vercel.app/docs/tools/utm-builder): Generate clean, validated UTM-tagged URLs for Google Analytics campaign tracking — in the browser or from the CLI — with saved presets, channel templates, and shareable form links. - [Brand Kit Builder](https://brandstack-docs.vercel.app/docs/tools/brand-kit): Free brand kit and style guide generator. Build a shareable brand sheet from your colors, fonts, and logo, and export CSS variables, a Tailwind theme, and design tokens. - [Color Palette from Image](https://brandstack-docs.vercel.app/docs/tools/color-palette): Extract a dominant color palette from any image — in your browser or from the CLI, no upload required. Get HEX, RGB, and OKLCH values with WCAG contrast scores for each color. Deterministic output. - [Background Shaders](https://brandstack-docs.vercel.app/docs/tools/webgl-shaders): A free visual builder for animated WebGL backgrounds. Tune a style live in the browser, or export the same dependency-free snippet and agent prompt straight from the CLI. - [The Moonshot Test](https://brandstack-docs.vercel.app/docs/tools/moonshot-test): Validate your startup idea against six proven frameworks — on the web or from the CLI. Get a scorecard with letter grades, a diagnosis of strengths and weaknesses, and three progressively bolder versions of your idea. - [Special Characters](https://brandstack-docs.vercel.app/docs/tools/special-characters): Browse and copy 150+ Unicode symbols, including arrows, math, currency, Greek, and shapes. Copy as a character, HTML entity, or code point — in the browser or from the CLI. Free, no signup. - [Emoji Catalogue](https://brandstack-docs.vercel.app/docs/tools/emoji-catalogue): Fast keyword search across 1,800+ emojis with one-click copy — in the browser or from the CLI. Real Unicode CLDR data, no ads, no signup, instant. ## Billing & Credits - [Billing & Credits](https://brandstack-docs.vercel.app/docs/billing): Understand Brand Stack's credit-based pricing, subscription plans, and credit packs. - [Usage Dashboard](https://brandstack-docs.vercel.app/docs/billing/usage-dashboard): View your workspace's full credit history — every credit consumed, pack purchased, subscription renewal, refund, and free grant — in one chronological ledger. ## MCP Connector - [Brand Stack MCP Server — Connector for Claude, Cursor, and Codex](https://brandstack-docs.vercel.app/docs/mcp): The Brand Stack MCP server (Model Context Protocol) connects Claude, Claude Code, Claude Desktop, Cursor, Cowork, and Codex to your Brand Stack workspace via OAuth 2.1. Read brands, products, and personas, and turn screenshots into mockups, from any AI chat. - [Setup](https://brandstack-docs.vercel.app/docs/mcp/setup): Step-by-step instructions for connecting Brand Stack to Claude Code, Claude.ai web, Cursor, Codex, and any other MCP-compatible client. - [Screenshots → mockups](https://brandstack-docs.vercel.app/docs/mcp/screenshots): Turn a screenshot your coding agent just captured into a finished product mockup, without the image ever entering the model's context. - [API keys](https://brandstack-docs.vercel.app/docs/mcp/api-keys): Issue org-scoped API keys for the Brand Stack CLI and your own scripts. Per-key read/write scope, one-time display, revocation, and a visible last-used timestamp. - [Example prompts](https://brandstack-docs.vercel.app/docs/mcp/prompts): Plain-English prompts you can paste into Claude Code, Claude.ai, Cursor, or Codex once the Brand Stack MCP connector is authorized. - [Tools reference](https://brandstack-docs.vercel.app/docs/mcp/tools): All 15 MCP tools the Brand Stack connector exposes, with inputs, outputs, and example agent prompts. - [Troubleshooting](https://brandstack-docs.vercel.app/docs/mcp/troubleshooting): Common issues with the Brand Stack MCP connector, from OAuth flow failures to scope errors and tool errors, and how to recover.