design-consultation

Translate product context into a design system proposal with typography, color, spacing, layout, and motion.

Updated Jun 18, 2026
One-click install
npx skills add https://github.com/abhishekmmgn/didactic-invention --skill design-consultation-abhishekmmgn
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/abhishekmmgn/didactic-invention/tree/main/.agents/skills/gstack/design-consultation
Command: npx skills add https://github.com/abhishekmmgn/didactic-invention --skill design-consultation-abhishekmmgn

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Researching product context and landscape to ground a design direction is time-consuming and error-prone; this skill automates and documents the creation of a complete design system, including aesthetic, typography, color, layout, spacing, and motion, plus a font+color preview to guide implementation.

Core Features & Use Cases

  • Research and synthesize product context and landscape to ground the design system.
  • Propose a cohesive design system across aesthetic, typography, color, layout, spacing, and motion, with a ready-to-use DESIGN.md.
  • Generate font and color previews to visualize the system before implementation.
  • Produce design-system documentation updates (e.g., CLAUDE.md) and actionable design decisions aligned with project goals.

Quick Start

Provide your product context and I will generate a complete design-system proposal.

Frequently Asked Questions about design-consultation

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

FAQPage Schema
How do I generate a complete design system from a product brief?▼

A design system proposal includes aesthetic directions, typography, color palettes, spacing scales, layout rules, and motion design guidance. This skill synthesizes your product context to output a structured DESIGN.md with practical rationale and risk assessment.

Can I use design-consultation to create typography and color palettes for UX design?▼

Yes, this skill supports UX design by generating cohesive typography and color palettes. It applies product context to propose specific font choices and color schemes, providing a visual font and color preview to guide implementation.

What do I need to provide to get a design system proposal?▼

You need to provide your product context and project brief. The skill uses this input to research the landscape, ground the aesthetic direction, and output a comprehensive design system with documentation updates like CLAUDE.md.

What is the best way to document design decisions and spacing scales?▼

Documenting design decisions is best done by generating a structured DESIGN.md that captures aesthetic direction, spacing scales, and motion design rationale. This skill automates that documentation while aligning decisions with project goals.

Does this design-consultation skill include risk assessment for the proposed design system?▼

Yes, the design-consultation skill includes a risk assessment within its structured plan. It evaluates proposed typography, color, and layout choices to provide clear next steps and mitigate potential implementation issues.