skills.rest
Shmurdoc
ShmurdocCOMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Generate a complete design system with a DESIGN.md source of truth.

Updated May 27, 2026
Search Tags:#typography#layout#design system#color palette#brand guidelines#design tokens#ui design
One-click install
npx skills add https://github.com/Shmurdoc/EasyRide-v1 --skill design-consultation-shmurdoc
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/Shmurdoc/EasyRide-v1/tree/main/.opencode/skills/gstack-design-consultation
Command: npx skills add https://github.com/Shmurdoc/EasyRide-v1 --skill design-consultation-shmurdoc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill solves the problem of inconsistent user interfaces, scattered design decisions, and missing design documentation by generating a single, authoritative design system for your product, ensuring visual cohesion across all UI work and providing a clear reference for engineering and design teams.

Core Features & Use Cases

  • Landscape Research: Analyzes your product and market to inform intentional, user-centered design choices.
  • Full Design System Generation: Produces complete specifications for aesthetic, typography, color, layout, spacing, and motion.
  • Preview Assets: Creates font and color preview pages for stakeholder alignment and feedback.
  • Single Source of Truth: Outputs a DESIGN.md file that serves as your project's permanent, authoritative design reference.
  • Use Case: A startup building its first consumer app with no existing brand identity can use this Skill to generate a full design system and DESIGN.md, giving their design and engineering teams a consistent reference to build against without ad-hoc design decisions.

Quick Start

Use the design-consultation skill to create a complete design system and DESIGN.md for my new web app, including typography, color palette, layout rules, and motion guidelines.

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

Generate a cohesive design system by producing a structured DESIGN.md file that serves as a single source of truth for typography, color palette, layout rules, and motion guidelines. This eliminates scattered design decisions and ensures visual cohesion across all UI work for your product.

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

A design system source of truth is a permanent, authoritative reference like a DESIGN.md file documenting aesthetic, spacing, and typography specifications. You need one when inconsistent user interfaces and missing design documentation hinder collaboration between your engineering and design teams.

Can I generate brand guidelines and design tokens without an existing brand identity?▼

Yes, you can generate brand guidelines and design tokens from scratch. The process analyzes your product landscape and market to inform intentional, user-centered design choices, delivering complete typography and color specifications even if you are a startup building your first consumer app.

What's the best way to document UI specifications for stakeholder alignment?▼

Document UI specifications by generating a structured DESIGN.md file alongside font and color preview assets. These preview pages allow stakeholders to visually evaluate the typography and color palette, ensuring alignment and facilitating clear feedback before engineering implementation begins.

Does a generated design system cover both layout spacing and motion guidelines?▼

Yes, a generated design system covers both layout spacing and motion guidelines. It delivers full design specifications that span aesthetic choices, typography, color, layout, spacing, and motion, ensuring comprehensive documentation for your digital product's web and mobile interfaces.

Why does my product UI look inconsistent and how do I fix it?▼

Your product UI looks inconsistent due to scattered design decisions and missing design documentation. Fix it by generating a complete, cohesive design system that establishes a permanent DESIGN.md reference, ensuring visual cohesion and eliminating ad-hoc design choices across your teams.

Related Skills

Explore More Design & Creative Skills→
nroze22nroze22
1

product-brief

Generate a structured product brief document defining new product initiatives.

Community
Intermediate
anonymouswhite07anonymouswhite07

stitch-design-taste

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

Community
Advanced
xianmingyaoxianmingyao
1

ui-design

Codify UI design patterns, tokens, and accessibility guidelines for web interfaces.

Community
Advanced
huichenhuichen

design-consultation

Research design needs and generate a DESIGN.md design system source of truth.

Community
Advanced