design-consultation

Generate UI design systems with typography, color palettes, and HTML previews.

1|Updated Apr 5, 2026

Search Tags:#typography #design system #UI #color palette #prototyping #mockup

Ready to run

npx skills add https://github.com/giljae/gstack-antigravity --skill design-consultation-giljae

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/giljae/gstack-antigravity/tree/main/gstack-origin/design-consultation
Command: npx skills add https://github.com/giljae/gstack-antigravity --skill design-consultation-giljae

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill streamlines the creation of comprehensive UI design systems by understanding product needs, researching visual trends, and proposing tailored color, typography, layout, and motion directions, saving designers weeks of manual effort.

Core Features & Use Cases

Design System Proposal: Generates a full design system including aesthetic, typography, color palette, spacing, and motion directions based on product context and research.
Visual Preview: Creates a beautiful, self-contained HTML preview of fonts, colors, and realistic mockups matching the product type.
Documentation: Produces a detailed DESIGN.md that clearly communicates the design system's rationale for team alignment.
Quick Start: Ask me to generate a complete design proposal for your app, or specify particular style preferences to customize the system.

Quick Start

Ask me to create a full UI design system for my project, and I will generate the detailed proposal along with a visual preview.

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 UI design system for my product?▼

A UI design system is generated by analyzing your product context and researching visual trends. This Skill produces tailored typography, color palettes, layouts, and motion directions, complete with an HTML preview and design documentation.

What is included in an automated UI design system proposal?▼

An automated UI design system proposal includes aesthetic directions, typography, color palettes, spacing, motion guidelines, a self-contained HTML visual preview with realistic mockups, and a detailed DESIGN.md file for team alignment.

Can I customize the color palette and typography for my design system?▼

Yes, you can customize the color palette and typography by specifying particular style preferences when prompting. The Skill tailors the full design system and mockups to match your requested visual direction and product context.

Does this design system generator produce visual mockups?▼

Yes, the design system generator produces visual mockups. It creates a self-contained HTML preview that includes fonts, colors, and realistic mockups specifically matching your product type for immediate visual evaluation.

How do I document my UI design system for team alignment?▼

You document a UI design system by generating a DESIGN.md file. This Skill automatically produces detailed documentation communicating the rationale behind the color, typography, and layout choices to ensure team alignment.

What's the best way to start a design system for a new app?▼

The best way to start a design system for a new app is to request a full design proposal. Provide your product needs, and the Skill will research trends and output complete visual style, mockups, and documentation.