design-consultation

Create and manage product design systems with YAML configuration and Markdown documentation.

Updated Jun 11, 2026

Search Tags:#typography #branding #design system #color theory #UI design

Ready to run

npx skills add https://github.com/26mitch26/ai-mall --skill design-consultation-26mitch26

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/26mitch26/ai-mall/tree/main/.claude/skills/design-consultation
Command: npx skills add https://github.com/26mitch26/ai-mall --skill design-consultation-26mitch26

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires gstack, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the challenge of creating and maintaining design systems for products, providing a structured approach to design, including aesthetic, typography, color, layout, spacing, and motion.

Core Features & Use Cases

Design System Creation: Offers a framework for building a full design system, covering aesthetics, typography, color, layout, spacing, and motion.
Font and Color Preview: Generates font and color previews to visualize the design system.
Integration with CEO Plans: Integrates with CEO plans that contain brand-related notes.
Prior Design Decisions: References previous design decisions to maintain consistency.

Quick Start

To initiate a design consultation, type: /start design-consultation and provide the relevant project context.

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 comprehensive design system for a product?▼

A design system provides a structured framework for aesthetics, typography, color, layout, spacing, and motion. You can generate one by providing project context and brand-related notes, which outputs YAML configuration and Markdown documentation.

Can I preview typography and color palettes before finalizing the design system?▼

Yes, previewing typography and color palettes is supported. The tool generates visual font and color previews directly from your configuration to help you evaluate design system aesthetics during consultation.

Do I need prior design knowledge to use this for UI design and branding?▼

Yes, prior design knowledge is required. The process is intended for project planning and design collaboration, requiring you to understand UI design principles, color theory, and typography to provide accurate project context.

How does the tool maintain consistency with previous design decisions?▼

The tool maintains consistency by referencing prior design decisions and integrating with CEO plans containing brand-related notes. This ensures new typography, color, and layout choices align with established branding context.

What is the best way to document a design system using Markdown and YAML?▼

Documenting a design system is best handled by using YAML for configuration and Markdown for documentation. This approach outputs your aesthetics, typography, color, layout, spacing, and motion guidelines in structured, readable formats.