design-consultation

Generates a DESIGN.md design system blueprint for web apps and dashboards.

Updated Mar 25, 2026

Search Tags:#typography #design #branding #ui #color #design-system

Ready to run

npx skills add https://github.com/Batsirai/adoro-studios --skill design-consultation-batsirai

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/Batsirai/adoro-studios/tree/main/Skills/design-consultation
Command: npx skills add https://github.com/Batsirai/adoro-studios --skill design-consultation-batsirai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design-consultation transforms unclear product briefs into a concrete, cohesive design system, reducing back-and-forth and accelerating alignment across teams.

Core Features & Use Cases

End-to-end design system proposal: defines aesthetic, typography, color, spacing, and motion to guide product development.
Plan/design source of truth: generates DESIGN.md as the project’s single source of truth.
Context-aware guidance: adapts recommendations based on product context or expert knowledge when context is limited.

Quick Start

Ask the design-consultation skill to generate a complete design system draft 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 for a web app from scratch?▼

To create a design system, provide clear product context such as domain, audience, and project type so the Skill can define visual language, typography, color, spacing, and interaction rules. It outputs a comprehensive blueprint and a DESIGN.md file serving as your project’s single source of truth.

What is a design system blueprint and what does it include?▼

A design system blueprint establishes a product’s visual language and interaction rules, covering aesthetics, typography, color, spacing, and motion. It provides context-aware guidance to align teams and accelerate development across web apps, marketing sites, dashboards, or internal tools.

Can I generate design rules for a dashboard without a complete product brief?▼

Yes, you can generate design rules with limited context. The Skill adapts recommendations based on available product context or applies expert design knowledge to produce a coherent design system draft, though providing clear domain and audience context yields the most accurate blueprint.

How do I maintain a single source of truth for UI design and branding?▼

You maintain a single source of truth for UI design and branding by generating a DESIGN.md file. This authoritative reference document captures your comprehensive design system blueprint, ensuring alignment across teams and reducing back-and-forth during product development.

What is the best way to define visual language and interaction rules for internal tools?▼

The best way to define visual language and interaction rules for internal tools is to specify your project type and product context. The Skill then transforms these inputs into a cohesive design system proposal, establishing clear aesthetics and interaction guidelines tailored to internal interfaces.

When should I avoid using an automated design system generator?▼

You should avoid using an automated design system generator when you cannot provide clear product context, such as domain, audience, and project space. Without these inputs, the generated blueprint may lack the specific context-aware guidance needed for coherent product development.