design-consultation

Create a complete design system with preview pages and a DESIGN.md document.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/BrandonLee28/brandon-brain --skill design-consultation-brandonlee28
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/BrandonLee28/brandon-brain/tree/main/.claude/skills/gstack/design-consultation
Command: npx skills add https://github.com/BrandonLee28/brandon-brain --skill design-consultation-brandonlee28

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires Bash, Read, Write, Edit, Glob, Grep, AskUserQuestion, WebSearch, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill assists in creating comprehensive design systems, brand guidelines, and the DESIGN.md document, streamlining the design process and ensuring a unified design language.

Core Features & Use Cases

  • Complete Design System: Offers a systematic approach to design, including aesthetics, typography, color, layout, spacing, and motion.
  • Preview Pages: Generates font and color preview pages for visual reference.
  • Project Documentation: Creates the DESIGN.md document, serving as the source of truth for your project's design system.
  • Use Case: Whether you're starting a new project or enhancing an existing one, this Skill can help you establish a cohesive design system and provide a clear reference for your team.

Quick Start

Use the design-consultation skill to initiate the design consultation process for your project.

Frequently Asked Questions about design-consultation

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

FAQPage Schema
How do I create a design system for a new project from scratch?

To create a design system for a new project, this Skill systematically generates typography, color, layout, spacing, and motion guidelines, then produces preview pages and a DESIGN.md document to serve as your project's source of truth.

What is a DESIGN.md file and how does it help with brand guidelines?

A DESIGN.md file serves as the central source of truth for your project's design system and brand guidelines, streamlining the design process and ensuring your team maintains a unified design language.

Can I use this to generate brand guidelines for an existing website?

Yes, you can establish brand guidelines for an existing site. The Skill reads your project files to design a complete design system and generates a DESIGN.md document for existing projects requiring design system establishment.

How do I generate color and typography preview pages for my design system?

You can generate color and typography preview pages by initiating the design consultation process, which systematically applies your aesthetics and outputs visual reference pages for your design system.

What's the best way to document a design system and project documentation together?

The best way to document a design system is to generate a single DESIGN.md file, which this Skill creates by consolidating typography, color, layout, and motion guidelines into unified project documentation.

Does this design system process work without existing design files in my repository?

Yes, the Skill applies to new projects without existing design files by using WebSearch and AskUserQuestion tools to establish a cohesive design system and generate brand guidelines from scratch.