skills.rest
scanbott
scanbottCOMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Plan and codify a complete design system into a DESIGN.md source of truth.

Updated Apr 21, 2026
Search Tags:#typography#branding#design-system#ux-research#color-palette#design-document#design-prototype
One-click install
npx skills add https://github.com/scanbott/claude-skills --skill design-consultation-scanbott
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/scanbott/claude-skills/tree/main/gstack/design-consultation
Command: npx skills add https://github.com/scanbott/claude-skills --skill design-consultation-scanbott

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Plan and codify a complete design system for a product, eliminating design drift by delivering a DESIGN.md that acts as the canonical source of truth for aesthetics, typography, color, layout, spacing, and motion.

Core Features & Use Cases

  • Complete design-system planning: research landscape, define typography, color, spacing, layout, and motion.
  • Design-doc as truth source: generates DESIGN.md to align teams and future work.
  • Proactive brand guidance: suggests design directions for new projects or redesigns.

Quick Start

Ask Claude to plan a complete design system and generate DESIGN.md as the project's 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 create a design system to prevent design drift across my product?▼

You can establish a complete design system to prevent design drift by codifying aesthetics, typography, color, layout, spacing, and motion into a single canonical DESIGN.md document that aligns your build and design teams.

What is a design document and how does it work as a source of truth?▼

A design document like DESIGN.md serves as a project's source of truth by codifying typography, color palettes, spacing, and motion guidelines, ensuring that both build and design teams consistently apply the same visual language.

Can I use this to plan typography and color palettes for an existing website redesign?▼

Yes, you can apply this to both new UI projects and existing sites to establish aesthetics, typography, and color palettes, providing proactive brand guidance and generating a design doc for redesigns.

How do I plan a complete design system step by step?▼

Planning a complete design system involves conducting landscape research, defining typography, color, spacing, layout, and motion guidelines, and generating a DESIGN.md document that delivers font and color previews for your project.

Does this approach include UX research before defining the design system?▼

Yes, the design system planning process explicitly includes landscape research and UX research requirements to inform design-system recommendations before finalizing the canonical design document.

What's the best way to document design prototypes and spacing rules for developers?▼

The best way to document design prototypes, spacing, and motion rules for developers is generating a canonical DESIGN.md file that codifies all design-system recommendations into a single source of truth.

Related Skills

Explore More Design & Creative Skills→
lemeblemeb

interview

Conduct structured feature interviews and output a formal specification document.

Community
Advanced
anonymouswhite07anonymouswhite07

stitch-design-taste

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

Community
Advanced
fakhriaditiarahmanfakhriaditiarahman
1

ui-designer

Designs responsive UI components and layout systems using CSS Grid and Flexbox.

Community
Advanced
JacbKJacbK

colors

Provides themed color palettes and 60-30-10 UI application rules.

Community
Intermediate