design-consultation

Generate a design system proposal and DESIGN.md with typography, color, spacing, and motion guidelines.

Updated Mar 27, 2026
One-click install
npx skills add https://github.com/TobiasPerry/aws-hackathon --skill design-consultation-tobiasperry
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/TobiasPerry/aws-hackathon/tree/main/.claude/skills/gstack/design-consultation
Command: npx skills add https://github.com/TobiasPerry/aws-hackathon --skill design-consultation-tobiasperry

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

Design-consultation helps teams craft a complete, coherent design system and DESIGN.md as the single source of truth, saving time and reducing ambiguity across product teams.

Core Features & Use Cases

  • Complete system design: typography, color, layout, spacing, motion, and tokens.
  • Design-late planning: for new projects with no DESIGN.md, or infer from existing sites to propose system.
  • Concrete deliverables: font and color previews, DESIGN.md, and design source of truth.

Quick Start

Create DESIGN.md with a complete design system including typography, color, spacing, motion, and a font+color preview page.

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 complete design system for a new project?

Generate a complete design system by creating a DESIGN.md file that defines typography stacks, color palettes, spacing scales, and motion rules as the single source of truth. The system includes safe baseline options and deliberate design risks to guide implementation.

Can I infer design patterns from an existing site to evolve my design system?

Yes, you can evolve an existing site by inferring its current patterns to propose a coherent design system. The process extracts typography, color, spacing, and motion guidelines, delivering a DESIGN.md that serves as the single source of truth.

What should a design system include for typography and color guidelines?

A design system should include concrete typography stacks, color palettes with previews, spacing scales, and motion rules. These deliverables form a DESIGN.md file that acts as the single source of truth, reducing ambiguity across product teams.

What is the best way to establish a single source of truth for design tokens?

The best way to establish a single source of truth for design tokens is to generate a DESIGN.md containing typography, color, layout, spacing, and motion tokens. This approach requires clear design decisions, providing both safe baselines and deliberate risks.

Do I need established design tokens to create a spacing and motion system?

No, you do not need established design tokens to create a spacing and motion system. The process applies to new projects with no existing design system by generating safe baseline options and deliberate design risks directly into a DESIGN.md.

Why does my design system proposal need deliberate design risks?

A design system proposal needs deliberate design risks to push creative boundaries alongside safe baseline options. This dual approach ensures the generated DESIGN.md provides both reliable defaults and distinctive choices for typography, color, and motion.