design-consultation

Generate a complete design system with typography, color, layout, spacing, and motion elements.

Updated Jun 12, 2026
One-click install
npx skills add https://github.com/Kushal9889/claude-plugins --skill design-consultation-kushal9889
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/Kushal9889/claude-plugins/tree/main/gstack/skills/design-consultation
Command: npx skills add https://github.com/Kushal9889/claude-plugins --skill design-consultation-kushal9889

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill helps you create a comprehensive design system for your product, including aesthetic, typography, color, layout, spacing, and motion elements.

Core Features & Use Cases

  • Design System Creation: Understands your product, researches the landscape, proposes a complete design system, and generates font+color preview.
  • Triggered by Keywords: Can be invoked using keywords like "design system", "create a brand", or "design from scratch".
  • Context Queries: Utilizes context queries to gather existing design information from files, project history, and brand guidelines.

Quick Start

To get started, use the command: /design-consultation create design-system

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 complete design system from scratch for my product?

A design system for product design standardizes typography, color, layout, spacing, and motion elements. This Skill generates a complete system with a visual preview by researching your landscape and gathering existing brand guidelines.

Can I use existing brand guidelines to generate new design system proposals?

Yes, you can use existing brand guidelines to generate design system proposals. This Skill utilizes context queries to scan your files and project history, extracting current brand information to inform the new aesthetic direction and typography choices.

Does this design consultation tool generate visual previews for typography and color?

Yes, this design consultation tool generates visual previews for typography and color. After understanding your product and proposing the design system, it outputs a visual preview alongside the complete aesthetic direction proposal.

What do I need to set up before generating a brand design system with this tool?

Before generating a brand design system, you need a development environment with Bash, Read, Write, Edit, and Glob tools available. These dependencies allow the Skill to query your project files and execute the design generation scripts.

How does WebSearch integration help with creating aesthetic direction for my product?

WebSearch integration helps create aesthetic direction by researching the design landscape during generation. It gathers external context to ensure your product design, color, and typography proposals are competitive and aligned with current design system standards.