Design consultation: understands your product, researches the landscape, proposes a complete design system (aesthetic, typography, color, layout, spacing, motion), and generates font+color preview pages. Creates DESIGN.md as your project's design source of truth. For existing sites, use /plan-design-review to infer the system instead. Use when asked to "design system", "brand guidelines", or "create DESIGN.md". Proactively suggest when starting a new project's UI with no existing design system o
Detected risks:
The 'design-consultation' skill is designed to assist with the creation of a comprehensive design system for a product. This includes understanding the product, researching its competitive landscape, and proposing a complete design system encompassing aesthetics, typography, color, layout, spacing, and motion. It can generate font and color preview pages, and create a 'DESIGN.md' file, which acts as the source of truth for the design specifications of the project. The skill is particularly valuable for new projects that lack an existing design system or a 'DESIGN.md' file, offering a structured starting point for UI development.
One of the core features of this skill is its ability to create a design system that aligns with the product's vision and provides a solid foundation for its visual identity. The skill can be used for both new projects and existing sites that may need a design system review. When working with existing projects, the skill can also infer the design system by using the '/plan-design-review' function. This makes the skill versatile in handling a variety of design consultation needs, from ideation to refinement. It is ideal for teams and developers looking to establish a consistent design language across their applications or websites.
This skill is typically used by designers, product managers, and development teams who are starting new projects or need to formalize the design guidelines for an existing product. It is particularly useful when there is no existing design system in place, or when teams are looking for expert guidance to create brand guidelines or UI design systems that align with their product's needs.
It helps create a comprehensive design system for a product, including aesthetic elements like typography, color, layout, spacing, and motion, and generates a 'DESIGN.md' file to act as the design source of truth.
Yes, it can infer the design system for existing products through the '/plan-design-review' function, providing design system recommendations based on the current layout and branding.
Yes, the skill is ideal for new projects or products without a defined design system. It can propose a complete design system from scratch, including visual and UI elements.
Key features include generating design systems, creating font and color preview pages, and producing a 'DESIGN.md' file that serves as a project’s design source of truth.
Yes, the skill can help create brand guidelines as part of the overall design system, ensuring consistency across visual elements like color and typography.
Quick Setup:
.claude/skills/Repository
garrytan/gstack