design-consultation

Generates a complete design system with typography, color, and layout into a DESIGN.md file.

Updated Apr 5, 2026
One-click install
npx skills add https://github.com/VertaKhan/cs_gstack --skill design-consultation-vertakhan
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/VertaKhan/cs_gstack/tree/main/.claude/skills/gstack/design-consultation
Command: npx skills add https://github.com/VertaKhan/cs_gstack --skill design-consultation-vertakhan

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Starting a new project's UI without a design system leads to inconsistent, generic-looking interfaces. This Skill acts as a design consultant that researches your product's landscape, proposes a coherent visual system, and codifies it into a DESIGN.md file as your project's design source of truth. ## Core Features & Use Cases - Design System Proposal: Produces a complete system covering aesthetic direction, typography, color palette, layout, spacing, and motion, with reasoning for each choice. - Competitive Research: Optionally researches top products in your space via WebSearch and headless-browser screenshots to identify category patterns and differentiation opportunities. - Preview & Mockups: Generates font and color preview pages, and can produce AI-generated visual mockups with comparison boards when the gstack design binary is available. - Use Case: You are starting a new web app with no brand guidelines. Run this Skill to get a researched, opinionated design direction saved as DESIGN.md, which other skills and developers then follow for all UI work. ## Quick Start Ask the assistant to create a design system and DESIGN.md for your new project, then answer the consultation questions about your product and audience.

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 web project?▼

Run the design-consultation skill, which asks about your product and audience, optionally researches competitors, then proposes a full system of typography, color, layout, and motion. The result is saved as DESIGN.md in your project root.

What is DESIGN.md and how is it used?▼

DESIGN.md is a markdown file generated by this skill that serves as the project's design source of truth. It records the aesthetic direction, fonts, colors, and layout rules so all future UI work stays consistent.

Can I update an existing design system instead of starting fresh?▼

Yes. If a DESIGN.md already exists, the skill detects it during pre-checks and asks whether you want to update it, start fresh, or cancel before making any changes.

Does design-consultation work without the browse or design binaries?▼

Yes. Visual competitive research via the browse binary and AI mockup generation via the design binary are optional progressive enhancements. Without them, the skill falls back to WebSearch, built-in design knowledge, and an HTML preview page.

When should I use plan-design-review instead of design-consultation?▼

Use plan-design-review for existing sites where you want to infer the current design system from the codebase. Use design-consultation when starting a new project's UI with no existing design system or DESIGN.md.