skills.rest
yashs33244
yashs33244COMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Generate a DESIGN.md design system with font and color preview pages.

1|Updated May 5, 2026
Search Tags:#typography#design system#color palette#brand guidelines#ui tokens#layout rules#ui preview
One-click install
npx skills add https://github.com/yashs33244/my-mac-claude --skill design-consultation-yashs33244
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/yashs33244/my-mac-claude/tree/main/skills/gstack/design-consultation
Command: npx skills add https://github.com/yashs33244/my-mac-claude --skill design-consultation-yashs33244

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

You need a coherent design system for a project, but you do not have time to research options and translate them into a consistent set of rules and previews.

Core Features & Use Cases

  • Design-system research and synthesis: Understands the product, studies the landscape, then proposes an integrated design system across aesthetics, typography, color, layout, spacing, and motion.
  • Deterministic system output: Produces a complete source-of-truth document called DESIGN.md so the team can align on decisions.
  • Preview page generation: Generates font and color preview pages to make the system tangible and reviewable.
  • Works with existing sites: If DESIGN.md already exists, it can use it; otherwise it can infer or build from scratch, including using prior design decisions and brand notes.

Quick Start

Ask the assistant to run design-consultation to create DESIGN.md plus font and color preview pages for your 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 complete design system with UI tokens and brand guidelines?▼

A design system synthesizes product research into actionable UI tokens, typography, color palettes, and layout rules. It generates a source-of-truth DESIGN.md file along with font and color preview pages to align your team on brand guidelines.

Can I generate UI tokens and a color palette for an existing project?▼

Yes, you can generate UI tokens for an existing project. If a DESIGN.md file already exists, the system reads it; otherwise, it infers the design system from scratch using prior design decisions and brand-related notes to produce updated guidelines and previews.

What is a DESIGN.md file used for in UI design?▼

A DESIGN.md file acts as a deterministic source-of-truth document for a product's design system. It captures integrated typography, color palettes, layout rules, and UI tokens to align the team on brand guidelines and design decisions.

How do I preview typography and color palettes before finalizing a design system?▼

You preview typography and color palettes by generating dedicated font and color preview pages. These pages make the proposed design system tangible and reviewable, ensuring the UI tokens and aesthetics match your vision before finalizing the DESIGN.md file.

Does generating a design system work without prior brand guidelines or design notes?▼

Yes, generating a design system works without prior brand guidelines. The system can research the product context and landscape to infer a complete, integrated design system from scratch, including aesthetics, spacing, and motion, even without existing notes.

Related Skills

Explore More Design & Creative Skills→
RenyEnnosRenyEnnos
1

design-md

Generate DESIGN.md design-system documentation from Stitch project assets.

Community
Advanced
tblakex01tblakex01
1

design-consultation

Generate a complete design system with typography, color, layout, spacing, and motion guidance.

Community
Advanced
RamonsDkaRamonsDka
1

frontend-ui-ux

Translate design intent into accessible, responsive HTML/CSS/JS UI components.

Community
Intermediate
guideopsguideops

corporate

Provide design guidelines with color, typography, and spacing scales for enterprise design systems.

Community
Advanced