design-consultation

Generates a complete system design document with layout, color, and typography specifications.

1|Updated Dec 23, 2025
One-click install
npx skills add https://github.com/rkumar261/studio-cast --skill design-consultation-rkumar261
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/rkumar261/studio-cast/tree/main/.claude/skills/gstack/design-consultation
Command: npx skills add https://github.com/rkumar261/studio-cast --skill design-consultation-rkumar261

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designing software often leads to visual inconsistency and design debt. This Skill helps you understand context, research landscape, and propose a complete design system that covers typography, color, layout, spacing, and motion, generating DESIGN.md as the single source of truth.

Core Features & Use Cases

  • Understand product context and goals, then articulate a cohesive design system.
  • Research landscape and identify patterns, trends, and opportunities to differentiate.
  • Produce a DESIGN.md that defines aesthetic direction, typography, color, spacing, layout, and motion, plus a phase to generate a preview.
  • For existing sites, run plan-design-review to infer the system from current assets and constraints.

Quick Start

Describe your product context and I will generate a complete DESIGN.md and a preview-ready design system.

Frequently Asked Questions about design-consultation

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

FAQPage Schema
What is a design system and why do I need a DESIGN.md file for my product?

A design system defines your product's aesthetic, typography, color, spacing, layout, and motion rules. A DESIGN.md file serves as the single source of truth to prevent visual inconsistency and design debt across your software project.

How do I create a complete UI design system from scratch?

To create a UI design system, provide your product context and goals. The system researches the landscape, proposes typography, color, layout, spacing, and motion rules, and generates a complete DESIGN.md file with a decisions log.

Can I use this to refresh an existing UI and infer a cohesive design system?

Yes, you can refresh an existing UI. The system infers a cohesive design system from your current assets, constraints, and goals, then updates the DESIGN.md to resolve visual inconsistency and design debt.

Does the generated design system include spacing, layout, and motion guidelines?

Yes, the generated design system includes explicit guidelines for spacing, layout, and motion. It also covers aesthetic direction, typography, and color, plus an optional preview phase to visualize the proposed rules.

What is the best way to document product context and aesthetic direction for branding?

The best way to document branding aesthetic direction is through a structured DESIGN.md file. It articulates your product context, researches landscape opportunities, and logs design decisions to maintain a cohesive brand identity.

When should I not use an automated design system generator?

Avoid using an automated design system generator if your product lacks clear goals or context. The system relies on understanding product context to propose accurate typography and color systems, so insufficient input yields poor design decisions.