skills.rest
forbotsake
forbotsakeOFFICIAL
Explore all skills by this author →
GitHub

design-consultation

Propose a complete design system and generate DESIGN.md with typography, color, layout, spacing, and motion tokens.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designers and product teams struggle to establish a cohesive design language across products. This skill helps you research the landscape, propose a complete design system, and generate DESIGN.md as your project's design source of truth. For existing sites, use /plan-design-review to infer the system instead.

Core Features & Use Cases

  • Proposes a complete design system (aesthetic, typography, color, layout, spacing, motion)
  • Generates DESIGN.md as the project's design source of truth
  • Helps plan design reviews and design tokens for existing sites

Quick Start

Describe your product goals and I will draft a complete design system and DESIGN.md.

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

A design system for new UI projects is created by analyzing product goals and branding constraints to propose typography scales, color palettes, spacing rules, and motion tokens, delivering a concrete DESIGN.md file as the source of truth.

Can I refactor an existing site to use design tokens?▼

Refactoring an existing site uses a design review to infer the current design system, extracting concrete design tokens and guidelines to establish a cohesive UI language for implementation.

What is included in a complete design system?▼

A complete design system includes aesthetic direction, typography scale, color palette, layout rules, spacing tokens, motion guidelines, component foundations, and accessibility requirements to ensure cohesive UI implementation.

How do I generate a DESIGN.md file for my project?▼

Generating a DESIGN.md file requires providing product goals, branding constraints, and accessibility requirements to draft a complete design system, outputting the file as the project's design source of truth.

Does this approach support accessibility requirements in UI design?▼

Accessibility requirements are supported by analyzing them alongside product goals and branding constraints, delivering a practical system with concrete tokens and guidelines for accessible UI implementation.

When should I use a design consultation instead of manual token selection?▼

A design consultation is used when establishing a cohesive design language across products is difficult, researching the landscape and proposing concrete design tokens to prevent inconsistent manual selection across UI projects.

Related Skills

Explore More Design & Creative Skills→
howdeployhowdeploy
15

design-consultation

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

Community
Advanced
ibalasiteibalasite

design-consultation

Generate a complete design system and DESIGN.md from a product brief.

Community
Advanced
thejordanleopoldthejordanleopold
4

design-system

Codify design tokens, color, typography, spacing, and motion into a DESIGN.md deliverable.

Community
Advanced
westnwestn
1

design-consultation

Define a complete design system and generate DESIGN.md.

Community
Advanced