design-consultation

Research product context and propose design guidelines documented in DESIGN.md.

Updated Mar 19, 2026

Search Tags:#typography #branding #accessibility #color #design-system #motion

Ready to run

npx skills add https://github.com/onlypfachi/chief --skill design-consultation

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/onlypfachi/chief/tree/main
Command: npx skills add https://github.com/onlypfachi/chief --skill design-consultation

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This design-consultation skill helps create a complete, coherent design system for a project—from typography to color to layout—so teams ship with a unified visual language and without design drift.

Core Features & Use Cases

Design system creation: defines typography, color, spacing, layout tokens, and component primitives and documents them in DESIGN.md.
Design system generation: builds DESIGN.md from the current project context or from a plan, ensuring alignment with existing patterns.
Phase-driven guidance: suggests design methodology, design tokens, and responsive strategy when starting a new UI project.
Documentation output: produces a DESIGN.md and supports a future preview page to visualize the system.

Quick Start

Follow this prompt to begin crafting a cohesive design system for your 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 design system from scratch for a new project?▼

To create a design system from scratch, research the product context and define typography, color, spacing, motion, and component guidelines. This process outputs a canonical DESIGN.md file to establish a unified visual language and prevent design drift.

How do I generate design tokens for an existing UI?▼

To generate design tokens for an existing UI, analyze the current project context and patterns. The system proposes typography, color, spacing, and motion tokens, enforcing consistency with accessibility and brand alignment while documenting them in DESIGN.md.

What is the best way to document design guidelines for a development team?▼

The best way to document design guidelines is producing a DESIGN.md file that defines layout tokens, component primitives, and responsive strategy. This canonical reference ensures stakeholders and developers ship with a coherent visual language.

Can I use this design system generation approach for modernizing an old interface?▼

Yes, you can use this design system generation approach for modernizing an old interface. It analyzes existing UI patterns and proposes updated typography, color, and motion guidelines while enforcing accessibility and brand alignment in the output.

Does establishing a design system require stakeholder collaboration?▼

Yes, establishing a design system requires stakeholder collaboration to accurately research the product context. This collaboration ensures the proposed typography, color, spacing, and component guidelines align with brand requirements and accessibility standards.

What should I do if my UI design is experiencing visual drift across components?▼

If your UI is experiencing visual drift, establish a coherent design system by defining typography, color, spacing, and component primitives. Documenting these layout tokens in DESIGN.md enforces consistency and stops uncontrolled visual divergence.