skills.rest
shihwesley
shihwesleyCOMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Clarify product goals and audience, then propose a complete design system in DESIGN.md.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design teams often struggle to align product goals with a coherent visual system. This Skill helps clarify context, validate design direction with stakeholder input, and produce a single source of truth DESIGN.md.

Core Features & Use Cases

  • Understand product goals and audience, then propose a complete design system including typography, color, spacing, layout, and motion.
  • Produce DESIGN.md as the project-wide reference to design decisions that teams can implement.
  • Use when starting a new product, updating an existing system, or aligning design across teams.

Quick Start

Describe your product and goals, and I will generate a complete design system plan and DESIGN.md.

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 design system for a new app?▼

To create a complete design system, you describe your product goals and audience. The Skill clarifies project context and proposes typography, color, spacing, layout, and motion guidelines, producing a DESIGN.md file as the source of truth.

What is a design system and when do I need one?▼

A design system is a project-wide reference covering typography, color, spacing, layout, and motion. You need one when starting a new product, updating an existing visual system, or aligning design decisions across teams.

Can I use this to align design across multiple teams?▼

Yes, you can align design across teams by generating a DESIGN.md file. This document serves as a single source of truth for design decisions, ensuring consistent implementation of typography, color, and layout standards.

What's the best way to document typography and color decisions for stakeholders?▼

The best way to document decisions is producing a DESIGN.md file. It synthesizes competitor research, typography, color, spacing, layout, and motion into a ready-to-implement reference that validates design direction with stakeholder input.

Do I need existing design assets to generate a layout and motion system?▼

No, you do not need existing design assets. You simply describe your product and goals, and the Skill synthesizes competitor research and context to propose a complete layout and motion system from scratch.

Related Skills

Explore More Design & Creative Skills→
Owl-ListenerOwl-Listener
2.0k

design-brief

Define and document a design brief with problem space, audience, constraints, and success criteria.

Community
Intermediate
anonymouswhite07anonymouswhite07

stitch-design-taste

Generate DESIGN.md specifications for Google Stitch from design taste rules.

Community
Advanced
X-School-AcademyX-School-Academy
9

dev-swarm-market-research

Research problem domains and analyze 5-7 competitors for market validation.

Official
Advanced
KRISHNA0RKRISHNA0R
25

minimalist-ui

Defines a protocol for building ultra-minimal editorial UIs with Typography, Spacing, and Color constraints.

Community
Advanced