skills.rest
yocxy2
yocxy2COMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Generate design system proposals with typography, color, and layout specifications.

Updated Jul 26, 2026
Search Tags:#typography#design#branding#ui#design system#mockups
One-click install
npx skills add https://github.com/yocxy2/gstack3 --skill design-consultation-yocxy2
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/yocxy2/gstack3/tree/main/design-consultation
Command: npx skills add https://github.com/yocxy2/gstack3 --skill design-consultation-yocxy2

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This skill solves the problem of design inconsistency and the lack of a unified visual language in new projects by providing a structured, AI-assisted path to creating a professional design system.

Core Features & Use Cases

  • Systematic Design Proposal: Generates a coherent design system including typography, color, layout, and motion based on product context.
  • Visual Previewing: Creates AI-rendered mockups and comparison boards to visualize the design system applied to realistic product screens.
  • Documentation: Automatically generates a comprehensive DESIGN.md file that serves as the project's source of truth for all visual decisions.

Quick Start

Invoke the design-consultation skill to create a complete design system proposal and generate visual mockups 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 software project?▼

To create a design system, this skill generates a comprehensive proposal covering typography, color, layout, and motion specifications based on your product context, providing a structured visual identity for greenfield projects.

What is the best way to document UI design decisions for an existing application?▼

Documenting UI design decisions is handled by automatically generating a DESIGN.md file that acts as the single source of truth for all visual specifications and design system documentation.

Can I generate visual mockups to preview my branding and typography choices?▼

Yes, you can generate visual mockups and comparison boards that AI-render your typography and branding choices applied to realistic product screens for visual previewing.

Does this design system proposal tool work for projects needing unified visual identity?▼

Yes, this design system proposal tool works for both greenfield projects and existing applications that require a unified visual identity or comprehensive design documentation.

How do design system specifications handle layout and color coherence?▼

Design system specifications handle layout and color coherence by systematically generating aesthetic rules and automated artifacts that enforce visual consistency across all product screens.

Related Skills

Explore More Design & Creative Skills→
cshyangcshyang

gsd:workflow:discovery-phase

Plan and execute a project discovery phase to define requirements and scope.

Community
Intermediate
NiqpNiqp
2

frontend-design

Convert user goals into deliberate frontend UI with cohesive design systems.

Community
Advanced
LuisSambranoLuisSambrano
7

ui-prototype

Generate visual mockups and wireframes from textual descriptions.

Community
Basic
abrahamgreysonabrahamgreyson

gsd:reference:ui-brand

Apply UI and branding guidelines to GSD projects.

Community
Intermediate