skills.rest
Jia-Hong-Peng
Jia-Hong-PengCOMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Generate a DESIGN.md source of truth and font and color preview pages.

Updated Feb 24, 2026
Search Tags:#typography#ui-ux#product-design#design-system#color-palette#brand-guidelines#DESIGN.md
One-click install
npx skills add https://github.com/Jia-Hong-Peng/jolike.com --skill design-consultation-jia-hong-peng
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/Jia-Hong-Peng/jolike.com/tree/main/.claude/skills/gstack/design-consultation
Command: npx skills add https://github.com/Jia-Hong-Peng/jolike.com --skill design-consultation-jia-hong-peng

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Starting a new project without a design system leads to inconsistent user interfaces, slow iteration cycles, and endless debates over trivial visual choices. This skill solves that by researching your product and landscape, then proposing a complete, coherent design system.

Core Features & Use Cases

  • Complete Design System: Proposes aesthetic direction, typography, color palettes, layout grids, spacing scales, and motion principles.
  • Visual Previews: Generates font and color preview pages so you can evaluate the system visually.
  • Source of Truth: Creates a DESIGN.md file that becomes your project's definitive design reference.
  • Use Case: A founder building a new SaaS app needs consistent branding and UI patterns without hiring a full-time designer.

Quick Start

Use the design-consultation skill to build a complete design system and DESIGN.md for your new 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 design system for a new SaaS product?▼

To create a design system, this skill researches your product landscape and proposes typography, color palettes, layout grids, and motion principles, generating a comprehensive DESIGN.md source of truth document.

Can I audit my existing site to infer missing brand guidelines and visual standards?▼

Yes, you can audit existing sites to infer missing brand guidelines and visual standards, applying this skill to establish or reconstruct typography, color palettes, and layout grids into a coherent system.

What is included in a complete design system proposal?▼

A complete design system proposal includes aesthetic direction, typography, color palettes, layout grids, spacing scales, and motion principles, alongside interactive font and color preview pages for visual evaluation.

Does this generate a visual preview for UI-UX typography and color palettes?▼

Yes, it generates interactive font and color preview pages, allowing you to visually evaluate the proposed UI-UX typography and color palettes before finalizing the design system.

What is the best way to document product-design standards for my development team?▼

The best way to document product-design standards is generating a DESIGN.md file, which serves as your project's definitive design reference and source of truth for all UI-UX decisions.

Can I establish a design system without hiring a full-time product designer?▼

Yes, founders can establish consistent branding and UI patterns without hiring a full-time designer by using this skill to research the landscape and generate a complete, coherent design system.

Related Skills

Explore More Design & Creative Skills→
ketanswebsiteketanswebsite

ui-ux-design-advisor

Analyze project structure and design system to propose UI/UX design options.

Community
Advanced
fatihkanfatihkan
7

minimalist-ui

Define a frontend UI protocol enforcing ultra-minimal editorial styling across components.

Community
Advanced
Adelie-SquadAdelie-Squad
17

ui-designer

Create and apply design tokens for color, typography, and spacing.

Official
Intermediate
guideopsguideops

colorful

Define color palettes, typography scales, and spacing guidelines for UI design.

Community
Intermediate