design-consultation

Generates a DESIGN.md and previews for product UI systems.

Updated Mar 9, 2026
One-click install
npx skills add https://github.com/Andy-HNU/AndyClaw --skill design-consultation-andy-hnu
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/Andy-HNU/AndyClaw/tree/main/skills/gstack-design-consultation
Command: npx skills add https://github.com/Andy-HNU/AndyClaw --skill design-consultation-andy-hnu

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Teams often struggle to craft a cohesive design language and a single source of truth for UI components. This Skill guides you from product context to a complete design system and DESIGN.md, reducing ambiguity and rework.

Core Features & Use Cases

  • Proposes a complete design system spanning typography, color, spacing, layout, and motion.
  • Generates DESIGN.md as the project's design source of truth and documents decisions for future revisions.
  • Produces font and color preview assets to help stakeholders visualize the system and align on branding.
  • Suitable for new projects with no existing DESIGN.md or for refreshing an undercohesive UI.

Quick Start

Provide your project name and context, and I will generate DESIGN.md plus a font+color preview to guide your 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 for a new project?

Create a complete design system by providing your project name and context to generate a DESIGN.md file covering typography, color, spacing, layout, and motion guidance. This process establishes a single source of truth for your UI components.

What is a DESIGN.md file and why do I need one for my UI?

A DESIGN.md file acts as your project's design source of truth, documenting decisions for typography, branding, and layout to reduce ambiguity and rework. You need it to maintain a cohesive design language across your team.

Can I refresh an existing UI system without starting from scratch?

Yes, you can refresh an existing undercohesive UI system by analyzing your current product context and generating updated typography, color palette, and motion guidance. This updates your design source of truth while preserving existing structures.

How do I generate a color palette and typography preview for stakeholders?

Generate a color palette and typography preview by inputting your product context to produce visual font and color assets. These previews help stakeholders visualize the proposed design system and align on branding.

What do I need to provide to generate a design proposal?

You need to provide your project name and product context to generate a design proposal and DESIGN.md. This input allows the system to analyze your requirements and craft proactive design-system recommendations.

When should I not use an automated design system generator?

Avoid using an automated design system generator if your project already has a highly cohesive, strictly governed UI system with an existing DESIGN.md that requires no typography, color, or layout updates.