skills.rest
pistosmin
pistosminCOMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Propose a complete design system and generate DESIGN.md as the source of truth.

Updated Mar 24, 2026
Search Tags:#typography#design-system#color-palette#motion-design#design-research#design-consultation#design-proposal
One-click install
npx skills add https://github.com/pistosmin/base-one --skill design-consultation-pistosmin
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/pistosmin/base-one/tree/main/.claude/skills/gstack/design-consultation
Command: npx skills add https://github.com/pistosmin/base-one --skill design-consultation-pistosmin

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Proactively defines a cohesive design system for a product, covering aesthetic, typography, color, layout, spacing, and motion, and produces DESIGN.md as the authoritative source of truth.

Core Features & Use Cases

  • Proposes a complete, coherent design system aligned with the product context.
  • Generates DESIGN.md that codifies typography, color, spacing, motion, and component rules for implementation.
  • Works with new projects or refactors to establish a design language and documentation from first principles.

Quick Start

Provide a complete design system proposal and a DESIGN.md for the 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 for a new web project?▼

A design system proposal establishes aesthetic rules for typography, color, spacing, and motion, then codifies them into a DESIGN.md file to ensure cross-component coherence and serve as the authoritative source of truth.

What is the best way to document design tokens and ensure cross-component coherence?▼

Documenting design tokens in a DESIGN.md file ensures cross-component coherence by serving as the project's source of truth for typography, color palette, layout, spacing, and motion rules.

Can I generate a design proposal for an existing site to refactor its UI?▼

Yes, you can generate a design proposal for an existing site by inferring the current design system from context and producing an updated DESIGN.md to establish a cohesive design language.

Does generating a design system from first principles work without existing design research?▼

Generating a design system from first principles works without existing design research by proposing a complete aesthetic, typography, and motion framework from scratch to align with the product context.

How do I include motion design rules in my design documentation?▼

Include motion design rules in your design documentation by defining animation behaviors within the design system and codifying them in the DESIGN.md file to provide actionable implementation direction.

What do I need to start defining typography and color palettes for a product?▼

To start defining typography and color palettes, provide the product context so the system can propose a complete design language and generate a DESIGN.md file establishing the foundational rules.

Related Skills

Explore More Design & Creative Skills→
vibrationalforcevibrationalforce

design-consultation

Research product context and generate a DESIGN.md design system proposal.

Community
Advanced
anonymouswhite07anonymouswhite07

stitch-design-taste

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

Community
Advanced
jtangir87jtangir87

design-guide

Define Paperclip UI design standards for layout, color, typography, and components.

Community
Advanced
gaaschkgaaschk

design-consultation

Propose a complete design system and generate a DESIGN.md source of truth.

Community
Advanced