skills.rest
joeylife94
joeylife94COMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Create a comprehensive design system and generate a DESIGN.md file.

Updated Mar 30, 2026
Search Tags:#typography#design system#color theory#design documentation#design consultation
One-click install
npx skills add https://github.com/joeylife94/gstack-2026-03 --skill design-consultation-joeylife94
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/joeylife94/gstack-2026-03/tree/main/design-consultation
Command: npx skills add https://github.com/joeylife94/gstack-2026-03 --skill design-consultation-joeylife94

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires Bash, Read, Write, Edit, Glob, Grep, AskUserQuestion, WebSearch, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill helps you create a comprehensive design system for your product, including aesthetics, typography, color, layout, spacing, and motion.

Core Features & Use Cases

  • Design System Creation: Proposes a complete design system tailored to your product.
  • Design System Documentation: Generates a DESIGN.md file as the project's design source of truth.
  • Use Case: When starting a new project with no existing design system, use this Skill to establish a cohesive design foundation.

Quick Start

Run the /design-consultation command to initiate the design consultation process.

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 when do I need design documentation?▼

A design system establishes cohesive typography, color theory, layout, spacing, and motion guidelines. This consultation generates a DESIGN.md file to serve as your project's foundational design documentation.

Does this design consultation work with existing projects?▼

This design consultation applies specifically to new projects without an existing design system. It establishes a cohesive design foundation rather than auditing or updating pre-existing design documentation.

What's the best way to document color theory and typography guidelines?▼

The best way to document typography and color theory is generating a structured DESIGN.md file. This acts as the design source of truth, capturing aesthetics and layout rules for consistent implementation.

How do I start creating a design system from scratch?▼

Start creating a design system by initiating a consultation that understands your product, researches the landscape, and proposes tailored design rules, outputting a comprehensive DESIGN.md file.

Related Skills

Explore More Design & Creative Skills→
antriksh-29antriksh-29

design-consultation

Generates a complete design system and DESIGN.md with preview from product context and landscape research.

Community
Advanced
VishvsalviVishvsalvi

frontend-design

Generate cohesive HTML/CSS/JS or React components with typography, color, and motion guidance.

Community
Advanced
NinaVerdeNinaVerde

Google Stitch MCP

Translate design references into Flutter UI code with Dart widgets.

Community
Intermediate
MissTullyMissTully

design-consultation

Generate DESIGN.md with typography, color palettes, layout rules, and motion guidelines.

Community
Advanced