skills.rest
jayzalowitz
jayzalowitzCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-consultation

Generate a UI design system blueprint and DESIGN.md from product context.

2|Updated Mar 31, 2026
Search Tags:#typography#design#branding#color#ux#design-system
One-click install
npx skills add https://github.com/jayzalowitz/skytwin --skill design-consultation-jayzalowitz
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/jayzalowitz/skytwin/tree/main/.claude/skills/gstack/design-consultation
Command: npx skills add https://github.com/jayzalowitz/skytwin --skill design-consultation-jayzalowitz

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Teams often struggle to define cohesive, scalable design systems from scratch, leading to inconsistent UI and repeated work.

Core Features & Use Cases

  • Proposes a complete design system including typography, color, layout, spacing, and motion.
  • Generates DESIGN.md as the project's design source of truth and references for future work.
  • Works for new products or for existing sites by inferring a system and providing a plan design-review path.

Quick Start

Provide basic product context and I will generate a complete design system blueprint and a DESIGN.md file as your design source of truth.

Frequently Asked Questions about design-consultation

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a design system blueprint for a new product?▼

To generate a design system blueprint, provide basic product context and the tool proposes complete typography, color, layout, spacing, and motion guidelines, outputting a DESIGN.md file as your project's design source of truth.

Can I infer a design system from an existing website?▼

Yes, you can infer a design system from an existing site by using the design-review workflow, which analyzes your current branding and UI to generate a matching design system blueprint and DESIGN.md file.

What is a DESIGN.md file used for in product development?▼

A DESIGN.md file serves as the single source of truth for your project's design system, storing design artifacts, specifications, and references to ensure UI consistency and prevent repeated design work.

What's the best way to document UI typography and color guidelines?▼

The best way to document UI typography and color guidelines is to generate a frontmatter-driven DESIGN.md specification that standardizes your branding, layout, and motion rules for scalable product development.

Do I need an existing design system to define UI layout and motion rules?▼

No, you do not need an existing design system to define UI layout and motion rules; the tool works for new projects with no existing design system by generating a complete blueprint from basic product context.

Why does my UI design system lack consistent branding and spacing?▼

Your UI design system lacks consistent branding and spacing because teams often struggle to define scalable systems from scratch, a problem solved by generating a centralized DESIGN.md source of truth.

Related Skills

Explore More Design & Creative Skills→
pingmepipingmepi

pm-stage-01-brief

Generate a structured 7-section product brief from a business statement.

Community
Advanced
gouravsingh311gouravsingh311

design-md

Analyze Stitch project assets and codify design tokens into DESIGN.md files.

Community
Intermediate
letitbkletitbk

ux-design-brainstorm

Generate UX pattern suggestions and wireframe diagrams for e-commerce design scenarios.

Community
Intermediate
aditisharma0204aditisharma0204

creative-director

Define visual direction and create Figma design systems with moodboards, color palettes, and typography tokens.

Community
Advanced