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.