skills.rest
SoSoBurner
SoSoBurnerCOMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Generate a complete design system with preview pages and a DESIGN.md file.

Updated Apr 8, 2026
Search Tags:#design system#UX design#brand guidelines#UI design#design consultation
One-click install
npx skills add https://github.com/SoSoBurner/GStack --skill design-consultation-sosoburner
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/SoSoBurner/GStack/tree/main/design-consultation
Command: npx skills add https://github.com/SoSoBurner/GStack --skill design-consultation-sosoburner

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill simplifies the design process by automating the creation of a comprehensive design system, including aesthetic, typography, color, layout, spacing, and motion elements.

Core Features & Use Cases

  • Design System Creation: Generates a complete design system based on user requirements.
  • Preview Pages: Creates font and color preview pages for immediate visual feedback.
  • Design.md Generation: Outputs a DESIGN.md file as the project's design source of truth.
  • Use Case: When starting a new project with no existing design system or DESIGN.md, this Skill can help define the visual language and guide the design process.

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
How do I generate a complete design system from scratch for a new project?▼

A design system defines the visual language of a product through aesthetic, typography, color, layout, spacing, and motion rules. You need one when starting a new project to ensure consistent UI design across the application.

What is included in an automated design system generation process?▼

Automated design system generation includes understanding product requirements, researching design landscapes, proposing structural guidelines, and creating font and color preview pages for immediate visual feedback.

How do I create a DESIGN.md file to serve as my project's design source of truth?▼

You create a DESIGN.md file by running an automated design consultation that analyzes your product requirements and outputs a structured document defining all foundational UI and UX design guidelines.

Can I generate visual preview pages for typography and color before finalizing brand guidelines?▼

Yes, the design consultation process generates font and color preview pages during the workflow, providing immediate visual feedback to help finalize your brand guidelines and UI design.

Do I need an existing design system to use an automated design consultation?▼

No, you do not need an existing design system. This process is built for starting new projects with no existing design framework, helping you define the visual language from scratch.

Related Skills

Explore More Design & Creative Skills→
BatsiraiBatsirai

design-consultation

Generates a DESIGN.md design system blueprint for web apps and dashboards.

Community
Advanced
phananhtuan09phananhtuan09

frontend-design-fundamentals

Standardize UI visuals with responsive layouts, typography, spacing, and WCAG-compliant color contrast.

Community
Intermediate
parhummparhumm
25

frontend-component-fix

Diagnose frontend UI bugs and generate patch artifacts for React-like components.

Community
Advanced
Orpheus-KOrpheus-K
13

lucky-ui-theme

Customizes Lucky UI theme system by modifying design tokens with SCSS.

Community
Advanced