skills.rest
ekrishgupta
ekrishguptaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-consultation

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

1|3|Updated Mar 19, 2026
Search Tags:#typography#branding#layout#design-system#color-palette#ui-architecture#design-consultation
One-click install
npx skills add https://github.com/ekrishgupta/gemstack --skill design-consultation-ekrishgupta
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/ekrishgupta/gemstack/tree/main/design-consultation
Command: npx skills add https://github.com/ekrishgupta/gemstack --skill design-consultation-ekrishgupta

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design teams often struggle to define a coherent and scalable design system from scratch, leading to inconsistent UI, scattered assets, and slower product delivery.

Core Features & Use Cases

  • System generation: Defines typography, color, spacing, motion, and UI primitives into a single DESIGN.md that acts as the source of truth.
  • Context-driven briefs: Builds product context from user input and aligns the design language to target audiences and domains.
  • Documentation and previews: Produces a visual preview page and a complete design documentation artifact for onboarding and governance.

Quick Start

Describe your product and ask the AI to deliver a complete design system proposal.

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 UI project?▼

You can create a design system by inputting your product context to define typography, color, spacing, and motion, which generates a single DESIGN.md source of truth document.

What is a DESIGN.md file and how does it help with UI architecture?▼

A DESIGN.md file acts as the source of truth for UI architecture, documenting typography, color palettes, spacing, and motion guidelines to prevent inconsistent interfaces and scattered assets.

Can I generate a visual preview page when redesigning an existing site?▼

Yes, you can generate a visual preview page alongside your design documentation when redesigning an existing site or starting a new UI project to validate aesthetics and layout before implementation.

Do I need an existing brand guidelines document to generate a color palette and typography scale?▼

No, you do not need an existing brand document; the system builds product context from your input and aligns the color palette and typography scale to your target audiences and domains.

What is the best way to document UI primitives and spacing rules for a development team?▼

The best way to document UI primitives and spacing rules is to generate a comprehensive design documentation artifact that serves as a governance and onboarding reference for your development team.

Why does my UI project have inconsistent spacing and scattered design assets?▼

UI projects have inconsistent spacing and scattered assets when they lack a coherent, scalable design system, a problem solved by consolidating typography, layout, and color into a single source of truth.

Related Skills

Explore More Design & Creative Skills→
2389-research2389-research
90

landing-page-design

Generate landing-page concepts with brand context and design briefs.

Official
Advanced
anonymouswhite07anonymouswhite07

stitch-design-taste

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

Community
Advanced
Adelie-SquadAdelie-Squad
17

ui-designer

Create and apply design tokens for color, typography, and spacing.

Official
Intermediate
St0ff3lSt0ff3l
234

ui-ux-pro-max-zh

Search 67 UI styles, 161 color palettes, and 99 UX guidelines via BM25.

Community
Advanced