skills.rest
giljae
giljaeCOMMUNITY
Explore all skills by this author →
Website𝕏@giljaeGitHub

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
One-click install
npx skills add https://github.com/giljae/gstack-antigravity --skill design-consultation-giljae
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
iJosueehiJosueeh

design-brief-builder

Guide a structured design interview and generate a Design-Brief.md document.

Community
Advanced
kivo360kivo360
71

frontend-design

Generate production-grade frontend interfaces from user requirements.

Community
Advanced
RUSHYOPRUSHYOP

brand-guidelines

Apply Anthropic brand colors and typography to digital assets.

Community
Basic
7a336e6e7a336e6e
1

designing-ui-system

Generate a UI design system with custom color, typography, spacing, and motion tokens.

Community
Intermediate