skills.rest
greencm
greencmCOMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Generate a comprehensive design system with typography, color, layout, and motion.

1|Updated Mar 24, 2026
Search Tags:#UI/UX#design system#product design#AI design#mockups
One-click install
npx skills add https://github.com/greencm/gstuck --skill design-consultation-greencm
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/greencm/gstuck/tree/main/output/gstack/design-consultation
Command: npx skills add https://github.com/greencm/gstuck --skill design-consultation-greencm

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires gstack, and includes scripts (resource) and assets (resource) components.

What problem does it solve?

This Skill helps you design a complete system, including aesthetic, typography, color, layout, spacing, and motion, for your product, saving time and ensuring consistency.

Core Features & Use Cases

  • Design System Creation: Propose a complete design system with aesthetic, typography, color, layout, spacing, and motion.
  • Research Integration: Incorporate research findings and existing design decisions into the system.
  • Preview Generation: Generate AI-rendered mockups or HTML preview pages to visualize the design.
  • Documentation: Generate DESIGN.md with the design system for future reference.

Quick Start

Invoke the design-consultation skill to start creating a design system for your project.

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 comprehensive design system for a product?▼

To create a comprehensive design system, this skill generates aesthetic, typography, color, layout, spacing, and motion rules. It incorporates existing research and design decisions to ensure a consistent visual identity for your product.

Can I generate AI mockups for my UI/UX product design?▼

Yes, you can generate AI mockups and HTML preview pages for your UI/UX product design. This skill renders visual previews to help you evaluate the proposed design system before implementation.

How do I integrate user research findings into my design system?▼

You integrate user research findings into your design system by providing them during the consultation. The skill incorporates these existing design decisions and research inputs to shape the final visual identity.

Does the design-consultation skill require the gstack dependency?▼

Yes, design-consultation requires the gstack dependency to function. It relies on this prerequisite environment to access the necessary tools for design generation, AI rendering, and documentation.

What is the best way to document a product design system for future reference?▼

The best way to document a product design system is to generate a DESIGN.md file. This skill automatically creates this documentation containing your complete design system rules for future reference.

When do I need an AI-generated design system instead of manual styling?▼

You need an AI-generated design system when your product design workflow requires a cohesive visual identity across multiple components. It saves time and ensures consistency compared to manual styling by automating layout and typography decisions.

Related Skills

Explore More Design & Creative Skills→
CharGrnmnCharGrnmn
1

gpd-research-phase

Initiate a physics research phase and compile findings into RESEARCH.md.

Community
Advanced
dmae97dmae97
130

omk-frontend-implementation

Implement frontend UI components from DESIGN.md with existing design tokens.

Community
Intermediate
lpjhelderlpjhelder

trace

Display agent session flow traces with chronological timelines and summaries.

Community
Intermediate
jorgeasaurusjorgeasaurus
12

ckm:design

Design logos, UI components, and visual content with Gemini AI.

Community
Advanced